zoukankan      html  css  js  c++  java
  • HTML页引用CSS

    方法1 

    使用import 方法引用CSS
     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     5     <title>控制DOM对象</title>
     6     <style type="text/css" >
     7         @import url(../CSS/1-3.css);  /*使用import 方法引用CSS*/
     8     </style>
     9     <script type="text/javascript" src="../JQuery/jquery-2.1.4.min.js">
    10     </script>
    11 </head>

    方法2

    使用link引用CSS
     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5     <title>JQuery事件的链式写法</title>
     6     <link type="text/css" rel="stylesheet" href="../CSS/1-2.css" /> <!-- 使用link引用CSS -->
     7     <script type="text/javascript" src="../JQuery/jquery-2.1.4.min.js">
     8     </script>
     9     <script type="text/javascript">28     </script>
    29 </head>

    方法3

        直接将CSS代码写在HTML页面 ,格式如下:

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5     <title></title>
     6     <style type="text/css">
     7         .divFrame {
     8             width: 260px;
     9             border: solid 1px #666;
    10             font-size: 10pt;
    11         }
    12 
    13         .divTitle {
    14             background-color: #666;
    15             padding: 5px;
    16         }
    17 
    18         .divContent {
    19             padding: 5px;
    20             display: none;
    21         }
    22 
    23         .divCurrColor {
    24             background-color: red;
    25         }
    26     </style>
    27 </head>
    28 <body>
    29 </body>
    30 </html>
    勤劳一日,便得一夜安眠;勤劳一生,便得幸福长眠。
  • 相关阅读:
    洛谷P4113 [HEOI2012]采花
    洛谷P5159 WD与矩阵
    洛谷P1262 间谍网络
    洛谷P3038 牧草种植Grass Planting
    洛谷P3258 [JLOI2014]松鼠的新家
    洛谷P2294 [HNOI2005]狡猾的商人
    洛谷P4878 [USACO05DEC]layout布局
    【CF1132F】Clear the String (DP)
    [AH2017/HNOI2017]大佬(动态规划 搜索)
    「NOI2018」屠龙勇士(CRT)
  • 原文地址:https://www.cnblogs.com/zhaomengmeng/p/4670959.html
Copyright © 2011-2022 走看看