第三次网页前端培训笔记

《一》

1.CSS

用于美化页面，需依赖于HTML展示其功能

2.css基础语法

 一、css定义

选择器名{属性名：属性值；

属性名：属性值；

属性名：属性值；

·······

}

注意点：1.声明需要用{}括起来，每个声明以分号；结尾

2.一行建议一个声明

3.如果样式的属性值有多个单词组成，则用引号引起来

二、css的注释

/*注释内容*/

三、css的三种使用方式

1.行内样式：直接写在body内标签上的样式，在标签上通过style属性定义的样式

2.内部样式：定义在style标签中的样式，style标签一般设置在head标签中

3.外部样式：定义在外部的css文件中，用link标签引入

<link rel="stylesheet" type="text/css" href="css文件路径“/>

ps：当有多重样式时，越精准越优先

3.css选择器

（1）通用选择器：选择所用，用*表示     *{······}

（2）元素选择器

（3）id选择器：选择id属性值，要加#

（4）类选择器：选择设置过得指定class属性值的元素（.class属性值{···}）

（5）分组选择器     选择器1，选择器2，···{}

 

4.css组合选择器

（1）后代选择器（派生选择器）

     选择指定元素的所有指定后代元素，以空格隔开

    选择器 指定元素{

属性名：属性值；

·····

}

（2）子元素选择器

选择指定元素的第一代子元素，以大于号>隔开

选择器>指定元素{属性名：属性值；·····}

（3）相邻兄弟选择器

选择指定元素的下一个指定元素（只会找一个，找不到不执行），两者有相同的父元素，以加号+隔开

选择器+指定元素{属性名：属性值；····}

（4）普通兄弟选择器

选择指定元素后的所有指定元素，两者有相同的父元素，以波浪号~隔开

选择器~指定元素{属性名：属性值；····}

ps：选择器选择要根据优先级考虑