零基础学习WEB前端开发(十三)：CSS简介及语法规范

最新推荐文章于 2023-07-22 17:52:33 发布

是刃小木啦~

最新推荐文章于 2023-07-22 17:52:33 发布

阅读量293

点赞数

分类专栏： WEB前端开发文章标签： css 前端 css3

本文链接： https://blog.csdn.net/txr152111/article/details/121041309

版权

WEB前端开发专栏收录该内容

22 篇文章 3 订阅

订阅专栏

CSS简介

CSS的主要使用场景就是美化网页，布局页面。

HTML的局限性

HTML只单纯地关注内容，通过标签显示内容，显示元素。

单纯用html搞的网页就是丑，想要做出点花样来会使代码非常臃肿。

CSS-网页的美容师

CSS — 层叠样式表（Cascsding Style Sheets）的简称。

CSS也是一种标记语言。

CSS可以设置HTML的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。

CSS的语法规范

css包括两部分：选择器和一条及多条声明。

例如： h1 { color:red ; font-size:25px}

h1位选择器，即要被修饰的对象，后面是要修改的样式。

选择器 {样式}

给谁改样式 {改成什么样式}

<!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>
        /*   选择器 {样式}   */
        /* 给谁改样式{改成什么样式} */
        p { color: red;
            font-size: 52px;
        }
    </style>

</head>
<body>
    <p>有点东西</p>
</body>
</html>