zoukankan      html  css  js  c++  java
  • CSS 的三种样式 内联 内部 外部

    CSS:层叠样式表的缩写 就是 Cascading Style Sheets

    Cascading Style Sheets : 层叠样式表

    优先级问题 :遵守就近原则  内联> 内部>外部

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>CSS AND HTML</title>
    <style>
    
    /* 2.内部方式使用*/
    div{
    font-size:40px;
    /*font-family: "隶书";*/
    
    }
    p{
    font-size: 20px;
    }
    #01>.02{
    color: red;
    
    }
    
    /* 3.外部引用方式 位置在 head标签里面 */
    </style>
    <link rel="stylesheet" type="text/css" href="../css/01.css"/>
    
    </head>
    <!-- CSS 使用方法 三种-->
    <body>
    <!-- 1.内联方式使用CSS -->
    <h1 style="color:red; background:black; font-size:30px;"> 内联方式 直接在body内部中的标签使用</h1>
    <hr>
    <div>探清水河</div>
    <div>桃叶尖上尖</div>
    
    <div>柳叶弯弯</div>
    
    <p>难受 舒服</p>
    <hr>
    
    </body>
    </html>
  • 相关阅读:
    Python学习-day10
    python学习-day9
    Python学习-day8
    Python学习-day7
    Python学习-day6
    Django2
    Django讲解
    JQuery讲解
    前端Day2
    前端Day1
  • 原文地址:https://www.cnblogs.com/ZXF6/p/10406516.html
Copyright © 2011-2022 走看看