CSS简介

CSS简介

Cascading Style Sheets 层叠样式表

Web标准中的表现标准语言，表现标准语言在网页中主要对网页信息的显示进行控制，即如何修饰网页信息的显示样式

样式的建立

内部

样式

外部

样式

内联

样式

内部样式

内部样式语法

注：最好写在里

CSS语法

选择符

说明：

每个CSS样式由两部分组成，即选择符和声明，声明又分属性和属性值

属性必须放在花括号中，属性与属性值用冒号连接

每条申明用分号结束

当一个属性有多个属性值的时候，属性与属性值之间用空格空开

在书写样式过程中，空格，换行等操作不影响属性显示

外部样式

外部样式表创建

外部样式表导入

link和import导入区别

老祖宗的差别：link属于XHTML标签，@import是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其他的事情，比如定义RSS,定义rel连接属性等，@Import就只能加载CSS

加载顺序的差别：当一个页面被加载的时候，link引用CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载，所以有时浏览@import会没有样式

兼容性的差别：@import是CSS2.1提出，老浏览器不支持，＠import在ie5以上才可识别，而link标签无此问题

用dom控制样式时差别：当使用javascript控制dom去改变样式时，只能使用link标签，因为@import不是dom可以控制的

内联样式

行间样式/行内样式/嵌入式样式的语法

样式表的优先级

内联样式表的优先级别最高

内部样式表的优先级别与书写顺序有关