web前端

web前端

css：

由选择器和声明组组成

选择器：要设置样式的html标签

声明组：{} 由声明语句组成

声明语句：由属性名和属性值组成

属性名和属性值以冒号相连

多条声明语句由分号隔开

（选择器：div。声明组：{}

声明语句：width：100px

属性名：width

属性值：100px

css引入的三种方式：

1.行间引入：写在开始标签里，并且写在style属性中

优缺点：比较直观，相同的样式需要重复定义，造成代码沉余

作用范围小，不利于后期代码

2.内部引入：写在head标签里，用style标签包住，样式写在style中

优缺点：相对于行间样式，代码可以重复用，作用范围大于行间样式的范围

结构与表现分离

3.外链引入：建文件夹.css 用link标签引入head标签中 herf：css文件的路径

优缺点：适用范围广，可以使用代码的复用，便于修改和维护

结构与表现彻底分离

rel：当前文档与css文件的关系 stylesheet为样式表

选择器：

1.通配符选择器 * 会选择所有的标签，权重：0; 一般用于清除浏览器的默认样式

2.标签选择器：直接以标签命名，会选择所有对应的标签

3.class选择器：给html标签设置一个类名，在开始标签设置class属性 权重：10；

可以起多个类名，用空格隔开（推荐使用）

4.id选择器：在开始标签设置id属性，在样式+#起的名字

id具有唯一性，一个id名在同一个页面只能出现一次，一般用于大的模块

命名规则：见词而义，尽量用英文

建议用英文开头，可以包含字母，数字，下划线，不要以字母开头

字体属性：font-family：

字体大小：font—size

字体样式：font-style

字体粗细：font-weight

行高：line-height