css解释
前端网页的三个层
html 用来搭建网页基本骨架 结构层
css 用来修饰你的网页 表现层
JavaScript 脚本 行为层
css是层叠样式表
优点
使HTML专注于网页的内容,css专注于网页的表现
提供了丰富的格式化功能
可以针对各种可视化浏览器(主要有显示器、打印机、PDA等)来设置不同的样式
css与浏览器
并不是所有的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文件中使用
一般优先顺序是:行内,内嵌,链接