css样式表,选择器,伪类选择器

2023-02-22,,

CSS定义

CSS:Cascading Style Sheet(层叠样式表

选择器 {
属性名: 属性值;
}

CSS样式表

(1)三种样式表使用

  ·1> 内联样式

  <div style = 'width:100px ;height:100px'></div>

  `2> 内部样式

  <style type='text/css'>

    div{

      width:100px;

      height:100px;

    }

  </style>

  `3>外部样式

  <link rel='stylesheet' type='text/css' herf=''>

选择器

(1)6大基础选择器

  `1> id选择器:唯一对应

  `2> 类class选择器:统一对应

  `3> 标签选择器:初始化标签使用

  `4> * 通配符标签

  `5> 属性选择器:表单中input常用

  `6> 最高优先权  !important

  ******  权重值: !important > id > class > 属性 > 标签 > *

(2)复合选择器

  1> 派生选择器(父子选择器),从右到左匹配。包含两种:包含选择器和子选择器

  2> 相邻兄弟选择器:1.同父级;2.相邻;3.在其之后

  3> 兄弟选择器 ~ (匹配选择器)

  4> 并列选择器

  5> 分组选择器

伪类和伪元素

  CSS2中伪类和伪元素都是要单冒号(:)

  CSS3中伪类使用单冒号(:),伪元素使用双冒号(::)


css样式表,选择器,伪类选择器的相关教程结束。

《css样式表,选择器,伪类选择器.doc》

下载本文的Word格式文档,以方便收藏与打印。