CSS

来源:互联网 发布:淘宝客要不要开通 编辑:程序博客网 时间:2024/06/18 17:18
CSS的全称叫做:Cascading Style Sheets.意思是:层叠样式表。这个东西是干什么的呢?是一种。一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言。其实可以类比于word文档的创立。HTML类比于word而CSS类比于段落结构之类的功能。不同的是CSS和HTML是用于前端的。
CSS的主要目的是将文件的内容和显示分隔开来从而使文件的可读性加强,文件的结构更加灵活,开发者可以自己来决定文件的显示。
CSS既然是一种语言,那么必定存在规则。CSS是由两个部分构成的选择器(selector)和声明(declaration),声明可以是多条。
selector {declaration1; declaration2; ... declarationN }

既然说CSS能使HTML显示的元素进行改变,是那一部分实现的?
是由选择器实现的。选择器通常是我们所需要改变样式的HTML元素。
那么声明是什么?
声明是由一个属性和一个值组成可以理解成哈希表,或者键值对。
所以上面的语句可以改写成:
selector {property: value}

举一个简单的例子来进行说明:
h1 {color:yellow; font-size:20px;}

其中h1是选择器部分,color和font-size是属性部分,yellow和20px是值。(其实声明部分真的很像哈希表。同样是由大括号来包围,同样包括键值对,但是请注意不同的部分是:哈希表的元素之间是用逗号来分隔而这里的元素之间是用分号来分隔)
CSS对于大小写是不敏感的,但是HTML里的class和id对大小写是敏感的。所以为了养成一个良好的编程习惯,我们还是该大写就大写,该小写就小写。规规矩矩来,一步一步走。
在CSS中,值的写法种类有很多种,就拿颜色来讲,比如说红色可以这么表示:
#ff0000
#f00
red
rgb(255,0,0)
rgb(100%,0%,0%)
其中第一种表示方法是十六进制的颜色值,第二中表示方法是CSS的缩写形式,第三种表示方法是英文单词,第四种和第五种表示方法是RGB值。第五种的表示方法需要注意的是:RGB用%符号的时候,无论数字是多少都得加该符号。但是0后面根的是一个单位的时候,无论单位是什么0就是0,没有单位。
如果有多个选择器,但是想要执行同一个声明的时候,可以对选择器进行分组。例如:
h1,h2,h3,h4,h5,h6 {  color: red;  }

就像代码中所写到的:选择器之间必须用逗号隔开。上述声明的意思是:所有的标题元素都是红色的。
CSS是有继承的,但是继承的时候也会出现问题,就像没有立遗嘱的父亲死去,家人为争夺财产而不合一样。
所以现在的浏览器一般都会把‘遗嘱’立好。在一些旧的浏览器中"Be Kind to Netscape 4"的冗余法则也是可以达到相同的目的的。

















原创粉丝点击