前端笔记09 - CSS简介-优快云博客

本文链接：https://blog.youkuaiyun.com/kukudeqi/article/details/120418210

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS简介</title>
    <style>
        h1 {
            color: red;
            font-size: 55px;
        }
    </style>
</head>

<body>
    <!--
        CSS使用场景：美化页面，布局页面

        html局限性：只关注内容的语义，如<h1>是一个大标题，<p>表示是一个段落。
                    html可以做简单的样式，但是带来无尽的臃肿和繁琐
        
        CSS是层叠样式表的简称。有时也会称为CSS样式表或级联样式表。
        CSS是一种标记语言
        CSS主要用于设置ｈｔｍｌ页面中的文本内容（字体、大小、对齐方式等）、图片外形（宽高、边框样式、边距等）以及版面的布局和外观样式。
        CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML，让ｈｔｍｌ更漂亮，让页面布局更简单

        ｈｔｍｌ主要做结构、显示元素内容。
        CSS美化ｈｔｍｌ，布局页面
        CSS最大价值：由html专注去做结构的呈现，样式交给CSS，即结构（html）和样式（CSS）相分离

        CSS语法规范：
            CSS的规则有两个主要的部分构成：选择器及一条或多条声明
            选择器 {属性:值; 属性:值;}

            选择器用于指定CSS样式的html标签，花括号内是对该对象设置的具体样式
            属性和属性值以“键值对”的形式出现
            属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等
            属性和属性值之间用英文“:”分开
            多个键值对之间用英文“;”区分
        
    -->
    <h1>大家好</h1>
</body>

</html>