码迷,mamicode.com
首页 > Web开发 > 详细

CSS书写格式

时间:2019-12-12 23:56:52      阅读:1093      评论:0      收藏:0      [点我收藏+]

标签:兼容问题   外链   strong   class   界面   推出   关联   格式   htm   

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

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


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

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

   

 3、外链样式:
        单独新建一个.css文件,把css代码写到这个文件中,然后通过link标签把这个文件和.html文件关联
   <link rel="stylesheet" type="text/css" href="file_name.css">  
    

 4、导入样式:
        单独新建一个.css文件,把css代码写到这个文件中,然后通过@import把这个文件和.html文件关联

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

 

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

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

CSS书写格式

标签:兼容问题   外链   strong   class   界面   推出   关联   格式   htm   

原文地址:https://www.cnblogs.com/AsVR-Sharemju/p/12032213.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!