什么是CSS样式 层叠样式表(CascadingStyleSheet,CSS)是一系列样式或格式规格的集合,用于控制网页样式并允许将样式与网页内容分离的一种标记性语言。它是W3C组织用于改善HTML在显示网页方面的缺陷。虽然HTML在发布时已经制定了各种网页样式标签和各种页面修饰属性,但是随着网页容纳的信息越来越多,这种把信息显示内容与信息显示样式混在一起的方法,已经无法满足人们对网络信息的快速搜索需求,更不能适应大数据时代的展示数据的要求。 CSS的每一个样式表都是由相对应的样式规则组成的,使用HTML中的标签可以将样式表规则加入到HTML。标签位于HTML的head部分,其中也包含网页的样式规划,如图1所示。CSS语句可以内嵌在HTML中,所以编写CSS样式规则和编写HTML的方法相同。CSS语言不需要编译,也不需要特殊处理。用户只要把它们放在标签之间或者编写为一个单独的文件,然后将文件的扩展名保存为.css,利用标签链接或者导入到网页中即可。 CSS样式的优势 使用CSS样式可以对多个文档的样式进行控制,当CSS样式更新后,所有应用该CSS样式的页面都会自动更新。CSS样式可以页面元素进行定位、特殊效果和超链接效果等独特的HTML属性,可以充分地弥补HTML的不足,简化网页的源代码,避免重复劳动,减轻工作量。CSS具有以下优势: CSS符合Web标准。W3C组织推荐CSS技术将替代HTML的表格标签、标签、标签以及其他用于表现的HTLM元素。
提高页面的浏览速度。使用CSS样式比传统的Web设计方法至少节约50%以上的文件大小。 缩短网站改版周期。只需要修改相应CSS文件就可以重新设计一个有成百上千页面的站点。 强大的字体控制和排版能力。Font标签对于字体控制能力远没有CSS对于字体的控制能力强,使用CSS样式后不需要在使用font标签来控制文章标题、字体颜色以及字体样式等。 CSS易于编写。Dreamweaver提供了CSS编写辅助工具。 CSS具有良好的兼容性。只要浏览器能够识别CSS样式都可以很好的应用它。 表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,让多个网页文件共同使用它,省去在每一个网页文件中都要重复设定样式的麻烦。 CSS样式基本语法 CSS的语法结构由3部分构成:选择器、属性和值。 选择器{样式属性:取值;样式属性:取值