当前位置: 网站建设 > 网页设计 > 建站经验 >

新手福音,CSS基础语法介绍

时间:2013-03-02 04:05来源:未知 作者:admin 点击:

标签:新手福音,CSS基础语法介绍 介绍(21)CSS(655)新手(26)语法(12)color(11)福音(1)基础(18)f(5)red(3)
h1 {color:red; font-size:14px;} 下面的示用意为您展示了上面这段代码的构造: p { color: #f00; } 我们还可以通过两种方式使用 RGB 值: 大多数样式表包括不止一条规则,而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更轻易被编纂: selector {declaration1; declaration2; ... declarationN } 挑选器通常是你需要转变样式的 HTML 元素。 body { color: #000; backgro
新手福音,CSS基础语法介绍》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302342Y2013.htm

h1 {color:red; font-size:14px;}

下面的示用意为您展示了上面这段代码的构造:

p { color: #f00; }

我们还可以通过两种方式使用 RGB 值:

 

大多数样式表包括不止一条规则,而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更轻易被编纂:

selector {declaration1; declaration2; ... declarationN }

挑选器通常是你需要转变样式的 HTML 元素。

body { color: #000; background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }

是否包含空格不会影响 CSS 在阅读器的工作后果,新手必知10条网站设计经验,同样,与 XHTML 不同,CSS 对大小写不敏感。不外存在一个例外:如果波及到与 HTML 文档一起工作的话,新手建站需要注意的4点,class 和 id 名称对大小写是敏感的。

 

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

你应当在每行只描写一个属性,这样可以加强款式定义的可读性,就像这样:

在这个例子中,h1 是抉择器,color 跟 font-size 是属性,red 和 14px 是值。

Tag:语法   先容   基础   福音   新手     语法   介绍   基本   福音   新手    

 

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

 

 

CSS 语法

CSS 规则由两个重要的局部形成:取舍器,以及一条或多条声明。

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

请留神,当使用 RGB 百分比时,新手建站到学习推广网站的经验,即便当值为 0 时也要写百分比符号。然而在其余的情形下就不需要这么做了。比方说,当尺寸为 0 像素时,0 之后不须要应用 px 单位,由于 0 就是 0,无论单位是什么。

值的不同写法和单位

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

每条申明由一个属性和一个值组成。

 

提醒:假如要定义不止一个声明,则需要用分号将每个声明离开。下面的例子展现出如何定义一个红色文字的居中段落。最后一条规矩是不需要加分号的,因为分号在英语中是一个分隔符号,不是停止符号。然而,大多数有教训的设计师会在每条声明的末尾都加上分号,这么的利益是,新手学习网站经营值得注意的一些问题,当你从现有的规则中增减声明时,会尽可能的减少犯错的可能性。就像这样:

记得写引号

提示:请使用花括号来包抄声明。

属性(property)是您盼望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

p {font-family: ",新手如何学习网站运营;sans serif";}

多重声明:

selector {property: value}

下面这行代码的作用是将 h1 元素内的文字色彩定义为红色,同时将字体大小设置为 14 像素。

p { color: #ff0000; }

为了节俭字节,咱们能够使用 CSS 的缩写情势:

p { text-align: center; color: black; font-family: arial; }

空格和大小写

--> [网站建设之]新手福音,CSS基础语法介绍

 

 


(责任编辑:网站建设)
新手福音,CSS基础语法介绍相关文章
上一篇:新手必知10条网站设计经验 下一篇:新手站长们现在还能会多少?
回到顶部