CSS 层叠样式表
CSS Cascading style sheets 层叠样式表
作用: 决定如何显示HTML元素。
W3C的理念: 结构和行为相分离 。css是HTML4.0之后出现的,版本一共有1.0 2.0 3.0
如何使用CSS:CSS一共有三种使用方式:
- 1.内联(嵌)式:在HTML的head标签里用style标签去书写css样式
- 2.内部式:在标签的内部用style属性去写css样式
- 3.外联式:单独创建一个css文件去写css样式.
内联式引入css
缺点: 不具有针对性;
优点: 符合W3C标准,代码清爽整洁.
当开发的网站只有一个网页时,建议使用该方式.
如果使用内联方式需要选择器的帮助来找到想要设置属性的元素.
css内部引入样式
缺点:
- 1.违背了W3C 结构 样式 行为 相分离的理念
- 2.不利于代码的阅读
优点:具有针对性.(很少使用)
外联式引入css
外联式引入的两种方式:
- 1.link标签引入 推荐使用
- 2.@import引入 有局限性
@import方式引入,需要写在style标签里
link与import的区别
- 1.link是html语法,而import是css语法
- 2.link是在html文档加载时同时开始加载对应的css文件(并发),
而import是在html文档加载完毕之后才开始加载外接css文件的. - 3.link可以外接任意类型的文件,import只能外接内容为css类型的文件.
- 4.link方式引入的css样式我们在以后可以通过js的方式进行修改,import方式不支持js操作.
以后用link. 当网站有多个html文档时建议使用外联式.