CSS 简介

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 外部样式表
    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    
  • 内部样式表
    <head>
    <style>
    p {margin-left:10px;}
    </head>
    </head>
    
  • 内联样式
    <p style="color:Crimson;margin-left:10px">这是一个段落。</p>
    

CSS 语法


  • CSS 由选择器和声明块组成

CSS 注释

    /*这是个注释*/
    p
    {
        text-align:center;
        /*这是另一个注释*/
       color:Crimson;
        font-size:10px;
    }
    

id 和 class 选择器

  • id 选择器,以 "#" 来定义
  • #para1 {
        text - align: center;
        color: red;
    }
    
  • class 选择器,以"."号显示
  • .center {
        text - align: center;
    }
    
闽ICP备2025087454号-1 闽公网安备35021102002259号