zoukankan      html  css  js  c++  java
  • CSS书写格式

    一、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样式,再加载结构样式,所以用户看到界面时一定已经设置了样式
          而导入样式在显示界面的时候,会先加载结构,再加载样式,所以用户看到的界面不一定已经设置了样式

  • 相关阅读:
    [LeetCode] 852. Peak Index in a Mountain Array
    [LeetCode] 221. Maximal Square
    [LeetCode] 260. Single Number III
    [LeetCode] 532. K-diff Pairs in an Array
    [LeetCode] 1417. Reformat The String
    [LeetCode] 621. Task Scheduler
    [LeetCode] 454. 4Sum II
    [LeetCode] 18. 4Sum
    [LeetCode] 369. Plus One Linked List
    [LeetCode] 380. Insert Delete GetRandom O(1)
  • 原文地址:https://www.cnblogs.com/AsVR-Sharemju/p/12032213.html
Copyright © 2011-2022 走看看