Css(层叠样式表)css用来修饰网页
优点
-
-
- 使HTML专注于网页的内容,CSS专注于网页的表现
- 提供了丰富的格式化功能
- 可以针对各种可视化浏览器(主要有显示器、打印机、PDA等)来设置不同的样式
-
CSS与浏览器并不是所有的CSS的样式都被浏览器支持不同的浏览器对CSS的实现有细微的不同,需要特别注意
1. 行内样式
直接使用标记的style属性 例:
style=" width:100px; height:100px; background-color:#F00;”
2. 内嵌样式
在HTML中,使用<style></style>标记,将样式写在<style>标记内
注意:<style>标记要指定type属性为text/css
3. 链接样式(外链式)
将CSS写入单独的一个文件中,注意该文件的文件扩展名为 .css
在HTML文档中使用<link>标记引入css文件
<link>标记需要指定两个属性:type和rel(relationship)
例:<link type="text/css" rel="stylesheet" href=“sy.css" />
. 4. 使用导入样式
使用@import指令可以将css文件中的css样式导入到不同的地方
导入式的结果和直接书写是同样的效果
导入式可以共享样式代码
可以在内嵌式里使用导入,也可在css文件中使用