CSS 语法规范代码风格

最新推荐文章于 2024-03-24 23:15:19 发布

CodeDoraemon

最新推荐文章于 2024-03-24 23:15:19 发布

阅读量185

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/qq_40417070/article/details/113177489

版权

CSS 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

CSS 语法规范

选择器及一条或者多条申明
在这里插入图片描述

CSS 代码风格

1. 样式格式书写

在这里插入图片描述
使用展开式的风格，更加的直观

2. 样式大小写风格

所有的关键字都推荐使用小写字母进行书写，特殊的情况除外
在这里插入图片描述

3. 样式空格风格

在每个冒号的后面写上一个空格
选择器和大括号之间写一个空格

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- styel 修改样式 -->
    <style>
        /* 选择器{样式} */
        /*给谁改样式{改成什么样式}*/ 
        p { /* p 和大括号之间有一个空格*/
            color: rgb(21, 162, 243);
            /*修改了文字大小为20像素*/
            /*每个属性的后面一定需要加上封号*/
            font-size: 20;
        }
    </style>

    <!-- css 一般写在 </head> 的上面 -->
</head>
<body>
    <p>段落标签改颜色</p>
    
</body>
</html>
<!-- 样式与结构相互分离 css 写在<head> 结构写在 html 中 -->

运行结果

在这里插入图片描述

CodeDoraemon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS 语法规范代码风格

CSS 语法规范选择器及一条或者多条申明CSS 代码风格1. 样式格式书写使用展开式的风格，更加的直观2. 样式大小写风格所有的关键字都推荐使用小写字母进行书写，特殊的情况除外3. 样式空格风格在每个冒号的后面写上一个空格选择器和大括号之间写一个空格...
复制链接

扫一扫