前端学习笔记（4）20220117

一、CSS

① 选择符

② 声明：属性；属性值

选择符{

属性：属性值；

}

二、样式表

1、内部样式

   

2、外部样式

（1）link

①XHTML标签

② 页面和CSS同时加载

<link rel="stylesheet" type="text/css" href="./css/index.css">

（2）import

①CSS方式

② 页面加载完毕后，CSS再加载

③兼容性问题：@import只能由IE5以上的浏览器识别

    <style>

        @import url(css/index.css);

    </style>

3、行内样式

 4、优先级：

!important > 行内样式 > 内部样式 > 外部样式

PS.针对同一个标签的同一个属性

①

 

②

 

 三、选择器

 实现一对一、一对多、多对一的控制

 

 1、class选择器 / 类选择器

.类名

按照执行顺序

  

 2、id选择器

 #id名

 3、通配符选择器

 *{属性：属性值}

取消外边距

 4、群组选择器

5、包含选择器

 从右到左的匹配（先匹配孩子）

 

 6、伪类选择器

 a:link 超链接的初始状态

a:visited 超链接被访问后的状态

a:hover 鼠标悬停，即鼠标划过超链接时的状态

a:active 超链接被激活时的状态，即鼠标按下时超链接的状态

ps. 顺序：link -- visited -- hover -- active

 7、选择器的权重