HTML5前端开发入门之CSS书写格式

Css书写格式

1.行内样式

可以直接将CSS代码写到开始标签中

<div style="color:red">我是div></div>

 

2.内嵌样式

可以在一对head标签中写上一对style标签,然后在style标签中编写CSS代码

 

3.外链样式-----企业开发中一般使用外链样式

可以单独新建一个.css的文件,把css代码写在这个文件中,然后通过link标签把这两个文件和.html文件关联起来

 

4.导入样式

可以单独新建一个.css的文件,然后通过import标签把这两个文件和.html文件关联起来

<style>

        @import "69-CSS书写格式.css";

    </style>

 

内嵌样式和导入样式的区别:

1.外链样式是通过link标签关联而导入样式是通过@import关联

而@import是css2.1推出的,所有有兼容问题

2.外链样式在显示界面的时候,会先加载css样式,再加载结构样式,

所以用户看到界面时一定已经设置了样式

导入样式显示界面时,恰恰相反,所以用户看到界面时不一定已经设置了样式

猜你喜欢

转载自blog.csdn.net/qq_41886761/article/details/86081109