简述CSS文件编程规范

Bertha 。 2024-04-01 13:33 12阅读 0赞

css 语法

**css 语法由三部分构成：选择器、属性和值：**

selector \{property: value\}

选择器 (selector) 通常是你希望定义的 htmL 元素或标签，属性 (property) 是你希望改变的属性，并且每个属性都有一个值。

属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）：

body \{color: blue\}

上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。

在上述例子中，body 是选择器，而包括在花括号内的的部分是声明。

声明依次由两部分构成：属性和值，color 为属性，blue 为值。

值的不同写法和单位

除了英文单词 red，我们还可以使用十六进制的颜色值 \#ff0000：

p \{ color: \#ff0000; \}

为了节约字节，我们可以使用 css 的缩写形式：

p \{ color: \#f00; \}

我们还可以通过两种方法使用 Rgb 值：

p \{ color: rgb(255,0,0); \}

p \{ color: rgb(100%,0%,0%); \}

请注意，当使用 Rgb 百分比时，即使当值为 0 时也要写百分比符号。

但是在其他的情况下就不需要这么做了。

比如说，当尺寸为 0 像素时，0 之后不需要使用 px 单位，因为 0 就是 0，无论单位是什么。

记得写引号

提示：如果值为若干单词，则要给值加引号：

p \{font-family: "sans serif";\}

多重声明：

提示：如果要定义不止一个声明，则需要用分号将每个声明分开。

下面的例子展示出如何定义一个红色文字的居中段落。

最后一条规则是不需要加分号的，因为分号在英语中是一个分隔符号，不是结束符号。

然而，大多数有经验的设计师会在每条声明的末尾都加上分号，这么的好处是，当你从现有的规则中增减声明时，会尽可能的减少出错的可能性。

就像这样：

p \{text-align:center; color:red;\}

你应该在每行只描述一个属性，这样可以增强样式定义的可读性，就像这样：

p \{

text-align: center;

color: black;

font-family: arial;

\}

空格和大小写敏感

大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。

多重声明和空格的使用使得样式表更容易被编辑：

body \{

color: \#000;

background: \#fff;

margin: 0;

padding: 0;

font-family: georgia, Palatino, serif;

\}

是否包含空格不会影响 css 在浏览器的工作效果，同样，与 XhtmL 不同，css 对大小写不敏感。

不过存在一个例外：如果涉及到与 htmL 文档一起工作的话，class 和 id 名称对大小写是敏感的。

原文地址：[https://www.weidianyuedu.com/content/2720757478239.html][https_www.weidianyuedu.com_content_2720757478239.html]

[https_www.weidianyuedu.com_content_2720757478239.html]: https://www.weidianyuedu.com/content/2720757478239.html

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关简述CSS盒模型

CSS有两种盒模型分别是 content-box ：内容盒 - 内容就是盒子的边界 border-box ：边框盒 - 边框才是盒子的边界公式： c...

逃离我推掉我的手/ 2024年04月17日 20:21/ 0 赞/ 23 阅读

相关简述CSS文件编程规范

css 语法 css 语法由三部分构成：选择器、属性和值： selector \{property: value\} 选择器 (selector) 通常是你希望定义的 h

Bertha 。/ 2024年04月01日 13:33/ 0 赞/ 13 阅读

相关 C++多文件编程规范

C++多文件编程 C++在引入类后，多文件编程就显得很重要了，如果把所有类的声明和实现都放在一个文件里，那么对代码的维护就会变得十分困难，多文件的优点自然也就明显了，将每

清疚/ 2022年12月21日 09:29/ 0 赞/ 180 阅读

相关 java的编程规范_java 编程规范

包名统一小写, 点分隔符之间有些仅能有一个单词, 并且单词必须是小写, 类名可以是复数形式正: com.alibaba.open.util.MessageUtils 接口

Bertha 。/ 2022年11月09日 11:26/ 0 赞/ 174 阅读

相关 CSS基础：简述CSS盒模型

盒模型问题：简述 CSS 盒模型一、块级盒子（Block box）和内联盒子（Inline box）在 CSS 中我们广泛地使用两种“盒子” —— 块级

本是古典何须时尚/ 2022年10月31日 10:53/ 0 赞/ 160 阅读

相关 CSS规范

　　CSS编码规范是指比较通用的CSS书写方法。书写方法堆样式本身并没有影响。按照CSS编码规范来书写CSS，会使代码更加便于阅读。使用基本相同的CSS编码规范书写CSS，可以

今天药忘吃喽~/ 2022年08月07日 03:39/ 0 赞/ 153 阅读

相关 css美化页面，css入门案例，css的代码规范，放置规范，格式规范，代码规范

Html 是写出页面的基本结构。 CSS 美化页面。 CSS（Cascading Style Sheets）：层叠样式表，主要用于设置html页面中的文本内容（字体的大小。

阳光穿透心脏的1/2处/ 2022年06月06日 03:06/ 0 赞/ 158 阅读

相关编程规范

指导你避免写出坏代码！ 1、编程时指导思想的优先级顺序。第一优先级正确性：功能性需求健壮性：异常处理第二优先级可维护性：代码是给人看的！可移植性：代码

系统管理员/ 2022年05月17日 23:15/ 0 赞/ 164 阅读

相关编程规范

java Java Coding Guidelines [https://wiki.sei.cmu.edu/confluence/display/java/SEI+CE

小咪咪/ 2022年02月02日 12:55/ 0 赞/ 281 阅读

相关简述DLL编程

本文例子的源文件下载地址为：[http://download.csdn.net/download/ljianhui/5606107][http_download.csdn.ne

川长思鸟来/ 2021年09月19日 08:44/ 0 赞/ 234 阅读