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

最新推荐文章于 2024-05-14 14:06:42 发布

是刃小木啦~

最新推荐文章于 2024-05-14 14:06:42 发布

阅读量265

点赞数

分类专栏： 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>

CSS的代码风格

代码风格不是强制规范，而是一种良好的习惯。

（1）样式格式书写

紧凑样式：

展开格式：

（2）样式大小写

一般使用小写的字母为主

（3）空格规范

属性值前面，冒号后面，保留一个空格。

选择器和大括号之间有一个空格

是刃小木啦~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
零基础学习WEB前端开发(十三)：CSS简介及语法规范

CSS简介CSS的主要使用场景就是美化网页，布局页面。HTML的局限性HTML只单纯地关注内容，通过标签显示内容，显示元素。单纯用html搞的网页就是丑，想要做出点花样来会使代码非常臃肿。CSS-网页的美容师CSS — 层叠样式表（Cascsding Style Sheets）的简称。CSS也是一种标记语言。CSS可以设置HTML的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS的语法规范css包括两部分：选
复制链接

扫一扫