24.CSS书写格式

2018-10-12  本文已影响0人  雪妮爸爸

css书写格式:
1.行内样式
可以直接将CSS代码写到开始标签中
2.内嵌样式
可以在一对head标签当中写上一对style标签,然后在style标签中编写CSS代码
3.外链样式 -- 企业开发一般用外链样式
可以单独新建一个.css的文件,把CSS代码写到这个文件中,然后通过link标签把这个文件和.html文件关联起来
4.导入样式
可以单独新建一个.css的文件,把CSS代码写到这个文件中,然后通过@import把这个文件和.html文件关联起来。

外链样式和导入样式区别:
1.共同点: 都是将CSS代码写到了一个单独的文件中
2.不同点:
外链样式在显示界面的时,会先加载css样式,再加载结构,所以用户看到界面时
一定已经设置了样式
导入样式在显示界面的时,会先加载结构,再加载CSS,所以用户看到界面的时不一定
已经设置了样式。

3.外链样式是通过一个HTML标签link引入CSS的,
而导入样式是通过@import引入CSS的, 而@import是CSS2.1推出, 所以导入样式存在兼容问题

优先级问题
行内样式的优先级最高
其它写法谁写在后面就听谁的

上一篇下一篇

猜你喜欢

热点阅读