CSS书写格式

时间 2020-06-22

标签 css 书写格式栏目 CSS 繁體版

原文原文链接

1、CSS书写格式：
一、行内样式:
能够直接将CSS代码写到开始标签当中：css

　　 <div style = "color:red">行内样式</div>html

二、内嵌样式：
能够在一对head标签中写上一对style标签，而后在style标签中编写CSS代码：
spa

 <head> <style type="text/css"> div{ color:red;
             } </style> </head>

　三、外链样式：
单独新建一个.css文件，把css代码写到这个文件中，而后经过link标签把这个文件和.html文件关联
　　 <link rel="stylesheet" type="text/css" href="file_name.css">
code

　四、导入样式：
单独新建一个.css文件，把css代码写到这个文件中，而后经过@import把这个文件和.html文件关联htm

  <style type="text/css">
  　　　　@import "file_name.css";
  </style>

2、在企业开发中，常使用外链样式来编写CSS代码，使结构与样式分离

3、外链样式和导入样式的区别：
   一、外链样式是经过link标签关联，而导入样式是经过@import关联，而@import是CSS2.1推出的，存在兼容问题
   二、外链样式在显示界面的时候，会先加载CSS样式，再加载结构样式，因此用户看到界面时必定已经设置了样式
      而导入样式在显示界面的时候，会先加载结构，再加载样式，因此用户看到的界面不必定已经设置了样式blog