早期的时候,用HTML标签来规定网页的内容和它的基本结构,用标签的一些属性来规定样式。但是这样内容和样式混合在一起,当其中一个发生变化,另外一个不得不改变。随着web技术的发展,我们将HTML和CSS拆分开,也就是将内容与样式拆分开,所有关于网页结构的部分,用HTML语言规范,关于样式的部分,用CSS语言来规范。 CSS(Cascading Style Sheets),层叠样式表,内容和样式相分离,一个内容可以有多个样式,这些样式都是叠加的效果,便于修改样式,也不会影响内容的部分。对于网页换肤或是改版也更加方便。
2.CSS语法我们用p标签写了三个基本段落 下面是在浏览器里面默认的文本段落样式 现在需要添加新的样式,将文本设置成12号字,用蓝色加粗显示出来,修改后的样式如下面那样。 用CSS来设置它的样式:首先要给每个样式起一个名字,样式的名字和p标签是一样的名字,这个样式的名字也可以称为选择器,就是要选择出来那一部分添加这个样式,现在选择出来的就是所有p标签里面的内容来添加这些样式。在选择器的后面跟着一对花括号{},在括号里面添加具体的样式,每个具体的样式用不同的属性来添加,前面写上属性的名字,比如font-size表示字体的大小,color表示字体的颜色,font-weight表示是否加粗;在属性的后面,用:(冒号)分隔开,后面带有属性的取值,这里表示12像素的字号,蓝色,然后加粗显示;对于每一条属性的设置,叫做一条语句,那么要在每一条语句后面用一个;(分号)来结束。为了增加代码的可读性,可以在每一条语句后面加增加注释,在CSS里面用/* */来表示注释,这种注释方式可以单行显示,也可以跨越多行。
注意: 1.所有属性的设置,最后一条是可以没有分号的,但是为了方便修改,建议加上分号; 2.为了使用样式更加容易阅读,应该将每一条代码写在一个新行内。
