关于css的理解

一.关于css(Cascading style sheets)的理解

1.用途

（1）css是用来控制页面的样式和布局的,修饰页面效果,可以配合脚本语言动态的对页面进行格式化,在提升用户体验方面功不可没。使得网页变得更加的绚烂多彩，CSS最大的贡献就是：让HTML从样式中脱离苦海，实现了HTML专注做结构，样式使用CSS来实现。

(2)一般叫做css样式表或者叠层样式表（级联样式表），改变HTML页面中文字的字体、大小、样式、图片的（高度、边框样式、边距）

（3）CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等。而且还可以针对不同的浏览器设置不同的样式。

2.css的样式规则

书写方式

选择器(变量名){

书写样式(键值对)

:值a

}

二.css的引入方式

1.行内样式引入（给对应的标签增加一条style属性）

行内样式引入会将样式和结构混在一起，行内样式会失去样式表的很多优势。将html代码和css代码放在一个HTML文件中，但是css代码放在style标签内部，style标签放在head标签内部。

2.外联样式引入（作为一个标签）

在使用外联样式引入的时候必须使用link标签来引入，将link标签放在head标签内部

三.三种引入样式的优缺点对比

样式表样式	优点	缺点	使用情况	控制范围
行内样式引入	书写方便，权重高	没有实现结构和样式的分离	较少	控制一个标签
外联样式引入	部分结构和样式分离	没有彻底分离	较多	控制一个页面
内部样式引入	完全实现结构和样式分离	需要引入	最多	控制整个站点

1.行内样式表 > 内部样式表 = 外部样式表

四.css字体属性

1.font-size: 表示字体的大小

浏览器不支持12px以下的文字大小

2.font-family: Arial, Helvetica, sans-serif;

font-family用于设置字体的，可以支持多个属性:中间用,隔开---这里不做混合做匹配(从左到右依次匹配,一旦匹配成功就不再继续,当多个单词代表一个文字字体的时候,要用"引起来)

3.font-weight代表字体的粗细

字