CSS语法规范

CSS语法规范

1.CSS语法规范
CSS规则有两个主要部分构成：选择器以及一条或多条声明。

1.选择器是用于指定CSS样式的HTML标签，在花括号内是该对象设置的具体样式.
2.属性和属性值以“键值对"的形式出现.
3.属性是对指定的对象设置样式属性，例如字体大小、文本颜色等.
4.属性和属性值之间用英文":"分开.
5.多个“键值对”之间用英文“;”，进行区分.

2.CSS代码风格

1.样式格式书写
(1)紧凑格式

h3 {color: deeppink;font-size: 20px;}

(2)展开格式(推荐使用)

h3
{
  color: pink;
  font-size: 20px;
}

2.样式大小写(推荐使用小写)

h3 {
    color: pink;
 }

h3 {
    COLOR: PINK;
 }

3.空格规范

h3 {
    color: pink;
 }

(1)属性值前面，冒号后面，保留一个空格.
(2)选择器(标签)和大括号中间保留空格.

3.样式的“重点”设置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css语法规则</title>
</head>
<style>
    /*
    同一个样式代码块中，如果设置了相同的样式属性
    那么后设置的样式舒心会覆盖先设置的样式属性

    但是如果先设置的样式属性加上了  !important  这个时候
    后设置的样式属性就不会再生效了

    */
    p {
        color: red !important;
        color: blue;
    }
</style>
<body>

<p>这是一个段落</p>
</body>
</html>
posted @ 2022-05-24 23:43  King-DA  阅读(122)  评论(0)    收藏  举报