• 前段入门-CSS


    1 CSS 快速入门

    1.1 CSS 的介绍

    • CSS(Cascading Style Sheets):层叠样式表
    • 用于设置和布局网页的一种计算机语言。告知浏览器如何渲染解析页面元素

    1.2 CSS 的组成

    • 选择器:选择 HTML 元素的方式。可以使用签名、class属性名、id等多种方式
    • 样式声明:用于给 HTML 元素设置具体的样式。格式是属性名:属性值
    • 格式:
    选择器 {
        属性名:属性值;
        属性名:属性值;
        属性名:属性值;
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 举例:
    h1 {
        color: red;
        font-size: 5px;
    }
    
    • 1
    • 2
    • 3
    • 4

    2 基本语法

    2.1 CSS 的引入方式

    2.1.1 内联样式

    • 在标签中通过 style 属性来控制样式,只能影响当前这一行
    • 格式:
    <标签 style="属性名:属性值; 属性名:属性值;">内容标签>
    
    • 1
    • 举例:
    <h1 style="color: deepskyblue; font-size: 20px">滴滴滴h1>
    
    • 1
    • 效果如下:
      在这里插入图片描述

    2.1.2 内部样式

    • 标签中通过