简述CSS文件编程规范

Bertha 。 2024-04-01 13:33 79阅读 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 条评论，79人围观）

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

相关阅读

相关简述CSS盒模型

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

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

相关简述CSS文件编程规范

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

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

相关编程语言简述

一.什么是编程语言？编程语言是通过特定的语法和规则来描述计算机应该执行的操作的一种语言。它们是人类和计算机之间的桥梁，使得人类可以用高级语言来表达和传递想法，并将这些想

喜欢ヅ旅行/ 2024年03月02日 10:42/ 0 赞/ 58 阅读

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

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

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

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

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

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

相关 CSS规范

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

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

相关 css命名规范

头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制

红太狼/ 2022年06月09日 02:07/ 0 赞/ 301 阅读

相关 css书写规范

1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, paddin

矫情吗；*/ 2022年06月09日 02:07/ 0 赞/ 351 阅读

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

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

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

相关简述DLL编程

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

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