8、CSS

什么是CSS

作用：修改页面的元素样式

样式：字体：类型 大小 风格 粗细

文本：颜色 首行缩进 行高 文本对齐方式

背景：背景颜色 背景图片

........

css的三种编写方式

1.行内

格式：<p style="样式的属性:样式属性的值；....">别迟到</p>

注意：1写在标签里面的

2.缺点显得标签特别杂乱 不利于开发

2.内嵌

格式：<style type="text/css">

选择器{

属性：属性值；

......

}

</style>

注意：h5 style可简写 直接<style></style>

style标签必须写在head标签里面

每一个属性值后面都必须添加【;】

缺点 显得标签特别杂乱 不利于开发

3.外部标签

1.连接式

格式：<link href="css文件的路径" rel="stylesheet" type="text/css">

注意 写在head里

2.导入式

格式：<style type="text/css">

@import url("css的文件路径");

</style>

区别：连接式html标签【网页结构】和css一起加载

导入式先加载html【网页结构】 再加载css

优点：css的重用

分组开发 提高开发效率

优先级

行内>内嵌>外部引入