CSS书写格式

1.行内样式
可以直接将CSS代码写在开始标签当中

我是div

2.内嵌样式
可以在一对head标签中写上一对style标签,然后在style标签中编写CSS代码

3.外链样式
可以单独新建一个.css的文件,把CSS代码写到这个文件中,然后通过在head标签中的link标签,把这个.css文件和.html文件关联起来

4.导入样式
可以单独新建一个.css的文件,把CSS代码写到这个文件中,然后通过在head标签中的style标签中的@import,把这个.css文件和.html文件关联起来

外链样式和导入样式的区别:
1.外链样式时通过link标签关联的,而导入样式是通过@import关联起来的,@import是CSS2.1推出的,会有兼容问题
2.外链样式在显示界面时,会先加载CSS样式,再加载结构,所以用户看到界面时,一定已经设置了样式;导入样式在显示界面时,会先加载结构,再加载样式,所以用户看到界面时,不一定已经设置了样式,用户体验不好

企业一般使用外链样式的CSS书写格式

你可能感兴趣的:(CSS书写格式)