CSS--2019/01/04

其他选择器
    选择器分组
        选择器1,选择器2,选择器3{}
    属性选择器
    格式:标签名[属性]{}
        [abc]选择abc属性值的所有元素
        [abc][def]选择abc和def属性值的所有元素
        [abc="def"]选择abc属性值等于def的所有元素
        [abc^="def"]选择abc属性值以def开头的所有元素
        [abc$="def"]选择abc属性值以def结尾的所有元素
        [abc$="def"]选择abc属性值包含def字符串的所有元素
    后代选择器(包含选择器)
        选择器1 选择器2{}(找出所有的后代)
    子元素选择器
        选择器1>选择器2{}(找出选择器1的所有的儿子选择器2)
    伪类选择器
        a:link{color:#FF0000}    (未访问的链接)
        a:visited{color:#00FF00}(已访问的链接)
        a:hover{color:#FF00FF}    (鼠标移动到链接上)
        a:active{color:#0000FF}    (选定的链接)
盒子模型
    margin外边距、border、padding内边距
    padding:10px;上右下左都是10px
    padding:10px 20px;上下是10px、左右是20px
    padding:10px 20px 30px;上是10px、右是20px、下左是30px
    padding:10px 20px 30px 40px;上右下左分别是10px、20px、30px、40px
绝对定位
    position:absolute


HTML:决定页面的框架
CSS:美化页面
js:提供用户的交互

javascript(直译式脚本语言)
脚本语言:java源代码->编译成.class文件->java虚拟机中才能执行(源码->解释执行)
js由浏览器解释执行
js组成:
    ECMAScript核心部分,定义js语法规范
    DOM文档对象模型(管理页面)
    BOM浏览器对象模型(前进后退、地址栏、历史记录、页面刷新、屏幕宽高)
js语法
    变量弱类型 var定义
    区分大小写
    语句结束后的分号,可以有可以没有
    写在script标签内

数据类型
    基本数据类型 string、number、boolean、undefined、null
    
    引用类型 对象、内置对象
js运算符和语句
    “===”全等号,值和类型都相等
    “==”值相等就可以
js输出
    alert();//直接弹框
    document.write();//向页面输出
    console.log();//控制台输出
    innerHTML//向页面输出,与innerText区别
获取页面元素:document.getElementById("d的名称");
js声明函数
    var 函数的名称=function(){}
    function 函数的名称(){}

猜你喜欢

转载自blog.csdn.net/qq_40712210/article/details/85790489