CSS语法

发布 2021-05-11 04:50:28 阅读 9883

未来不是固定在那里等你趋近的,而是要靠你创造。

可能有人会问,css还有语法?是的,它不属于任何编程语言类型,但它有自己规定的格式以及规范,只有了解这些规范你才能写出更简洁、易懂的css。

网页设计师们应力求写出的css有更好的可读性,更规范的书写,更小的体积,这是初学者们应该要明白的。

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

body 其中body为选择器,选择器通常是你html元素或标签,选择器分为id选择器(#cssstyle),类选择器(.cssstyle),派生选择器(#cssstyle a)。

这3种选择器我们将在后续的教程中一一介绍。

color为属性,是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。

单位和值的写法。

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

p 为了节约字节,我们可以使用 css 的缩写形式:

p 我们还可以通过两种方法使用 rgb 值:p p

注意:当使用 rgb 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。

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

记得写引号。

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

p 多重声明。

提示:如果要定义不止一个css声明,则需要用分号将每个声明分开。下面的例子展示出如何定义一个红色文字的居中段落。

最后一条css规则是不需要加分号的,因为分号在英语中是一个分隔符号,不是结束符号。然而,大多数有经验的设计师会在每条声明的末尾都加上分号,这么的好处是,当你从现有的规则中增减声明时,会尽可能的减少出错的可能性。就像这样:

p 大多数样式表包含不止一条规则,而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑:是否包含空格不会影响 css 在浏览器的工作效果,同样,与 xhtml 不同,css 不论大小写。

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

推荐的css书写格式。

普通写法:cssstyle

为什么这样做?当样式表中存在不止一条规则及声明,第一种书写方法找到想要的标签将会非常的困难,相对第二种方法将会清晰很多,同时,第二种方法的排列顺序按照标签首字母的顺序来排列会更科学。

CSS语法

基本语法。一个样式 style 的语法由三部分构成 selector 中文叫选择器有点怪怪的,就用英文吧 属性 property 属性值 value selector 举个例子,下面的 p就是selector,color就是属性,blue就是属性值。p html中所有的tag都可以作为selecto...

CSS语法

基本语法。一个样式 style 的语法由三部分构成 selector 中文叫选择器有点怪怪的,就用英文吧 属性 property 属性值 value selector 举个例子,下面的 p就是selector,color就是属性,blue就是属性值。p html中所有的tag都可以作为selecto...

css语法

使用css样式美化和布局网页。1css简介。css是cascading style sheets的缩写,称为层叠样式表。它允许网页设计者定义网页元素的样式,包括字体 颜色以及其他高级样式。采用css技术,可以有效地对页面的布局 字体 颜色 背景和其他效果实现更加精确的控制。css样式可以是一个单独的...