CSS的两大重点

Posted 2020-07-07 桥边风满袖

一、属性：通过属性的复杂叠加才能做出漂亮的网页

二、选择器：通过选择器找到对应的标签设置样式，选择器的作用是：选择对应的标签，为之添加样式

1》标签选择器：根据标签签名找到标签

div{
    color: red;

}

2》类选择器：

.one{
    color: yellow;

}

3》id选择器：

#main{
    font-size: 40px;

}

4》并列选择器：

div,.one{
    color: yellow;

}

5》复合选择器：

div.one{
    color: blue;

}

6》后代选择器：

div p {
    color: green;

}

7》直接后代选择器：

div>p {
    color: green;

}

8》相邻兄弟选择器：

div+p {
    color: red;

}

9》属性选择器：

div[name]{
    color: red;

}

div[name=“jack”]{
    color: red;

}

10》伪类：

:active  向被激活的元素添加样式

:focus  向拥有键盘输入焦点的元素添加样式

:hover  当鼠标悬浮在元素上方时，向元素添加样式

:link  向未被访问的链接添加样式

:visited 向已被访问的链接添加样式

:first-child 向元素的第一个子元素添加样式

:lang 向带有指定lang属性的元素添加样式

11》伪元素：

:first-letter 向文本的第一个字母添加特殊样式

:first-line 向文本的首行添加特殊样式

:before 在元素之前添加内容

:after 在元素之后添加内容