书写格式
1.行内样式
直接将css代码写到开始标签中
2.内嵌样式
在一对head标签当中写上一对style标签,在style标签中编写css代码
3.外链样式(开发中一般使用)
单独新建一个.css文件,把css代码写在这个文件中,通过在head标签中添加link标签把这个文件和.html文件关联
4.导入样式
单独新建一个.css文件,把css代码写在这个文件中,通过在style标签中添加@import把这个文件和.html文件关联
外链样式和导入样式的区别:
1.外链样式是通过link标签关联,导入样式是通过@import关联,而@import是Css2.1推出的,有兼容问题
2.外链样式在显示界面时会先加载Css样式,再加载结构,用户看到的界面一定已经设置了样式;导入样式在显示界面时会先加载结构,再加载Css样式,所有用户看到的界面不一定已经设置了样式