前端Day02

CSS复合选择器：

 

链接伪类选择器：按照LVHA顺序写！！

<style>
        /* 要按照LVHA顺序写 */
        a:link {
            color: #000;
            text-decoration: none;
        }

        /* link未被访问链接 */

        a:visited {
            color: blue;
        }

        /* visted已被访问链接 */

        a:hover {
            color: red;
            text-decoration: none;
        }

        /* hover鼠标悬停链接 */

        a:active {
            color: orange;
        }

        /* active鼠标按下未抬起链接 */
    </style>

 

背景复合性写法：

 

 

CSS三大特性：继承性，优先级，层叠性

 

层叠性 ：样式设置冲突时，就近原则，采取离结构近的属性

继承性: 子类标签会继承父类标签的某些特性

.d2 {
            font: 14px / 1.5;
        }
   /* 子元素继承父元素行高为当前指定字号大小的1.5倍 */   

 

优先级：受各选择器权重影响

 

盒子模型：

 

border：

 div {
            width: 300px;
            height: 300px;
            /* border-style: dotted; */
            /* dashed虚线 soild实线 dotted点线 */
            /* border-width: 5px;
            border-color: aquamarine; */
            border: 1px solid pink;
            /* 复合写法 */
    }

 

padding：

 

margin：

塌陷：