CSS选择符归纳

选择符{ 属性:属性值;}

     例:div{width:300px;}

选择符:就是给标签起的名字

一、类型选择符(标签选择符)

          所有的html标签可以直接当作选择符进行应用。

div/p/em/i/b/strong.....

             特点:能选中当前结构里面全部同名标签

应用:想统一某一个标签样式的时候后者是清除某个标签默认样式的时候。

二、id选择符(相当于人的身份证号)

语法:

起名字: <标签 id=“名称”></标签>

用名字写样式: #名称{属性:属性值 }

特点:唯一性!在同一个页面里面,一个id名只能用一次

应用:来划分网页外围结构

三、类选择符(class选择符)

      语法:

其名称: <标签 class=“名称1  名称2  。。。”></标签>

用类名写样式: .名称{属性:属性值;}

特点:1、一个元素可以有多个类名,类名可以重复出现

2、可以制定一类样式

四、群组选择符

语法:以逗号的分隔的形式,把多个选择器组成一组,给整组添加样式

选择符1,选择符2,选择符3{属性:属性值;}

五、包含选择符(子选择符/后代选择符)(通过父元素找子元素)

语法:父元素 子元素{属性:属性值;}

六、伪类选择器:

 a:link {color: red;}                    /* 未访问的链接状态 */

    b:visited {color: green;}               /* 已访问的链接状态 */

    c:hover {color: blue;}                  /* 鼠标滑过链接状态 */

    d:active {color: yellow;}               /* 鼠标按下去时的状态 */

七、通配符

*{   }

*选择页面中所有的元素

*{margin:0;padding:0;}清除间距

posted @ 2020-03-29 15:56  龙序  阅读(79)  评论(0编辑  收藏  举报