1.内容与表现分离
写一个网页就好比建房子,房子的结构通过砖块、钢筋、水泥搭建,后期通过瓷砖、地板等的装饰,才能让房子更加漂亮。
网页通过HTML搭建整体结构,通过CSS修饰美化网页。为了使得在搭建的过程中不受到美化网页的影响,而是专注在结构上。并且在后期的维护上也更加方便。
2.网页的表现统一,容易修改
分开之后,结构和样式在不同的文件,互不影响,结构清晰,可读性强,后期如果修改维护便于定位查找。
3.丰富的样式,使得页面布局更加灵活
首先样式表中提供了强大的而且非常全面灵活的选择器,可以供大家选取到网页中的任何一个元素
从大的方面选择器可以分为四大类:
1.基本选择器
2.层次选择器
3.结构伪类选择器
4.属性选择器
如下图偶只是截取了属性选择器中几种:
其次样式表不仅提供了文本效果、背景和边框还有2D/3D 转换、动画、多列布局、用户界面等。
4.减少网页的代码量,增加网页的浏览速度,节省网络带宽
很多CSS3技术通过提供相同的视觉效果而成为图片的“替代品”
换句话说,在进行Web开发时,减少多余的标签嵌套以及图片的使用数量,意味着用户要下载的内容将会更少,页面加载也会更快。
另外,更少的图片、脚本和Flash文件能够减少用户访问Web站点时的HTTP请求数,这是提升页面加载速度的最佳方法之一。
而使用CSS3制作图形化网站无需任何图片,极大地减少了HTTP的请求数量,并且提升了页面的加载速度
基于以上几点,使用样式表是必须的!!
@ css3中伪类选择器由什么组成?
w3c规范中伪类有:
active、hover、link、visited 【css1】
所有主流浏览器都支持以上伪类,但是只在对标签上的支持最好。
【css2】的有3个
focus : 如果规定了<!doctype>,将在主流浏览器&ie8+中支持(否则ie不支持)
first-child:必须声明<!doctype>才能够确保在ie中正常支持
lang:如果规定了<!doctype>,将在主流浏览器&ie8+中支持(否则ie不支持)
@ CSS定义超链接样式有什么顺序?
首先,CSS设置超链接样式是通过伪类来实现的css称这些链接状态为伪类选择器,在css思考方式里,”真”类属性是用class=的属性来明确指定的,而伪类选择器则是用(:hover ; :visited ; :link ; :active)来指定,具体意义及顺序如下: a:link是链接平常的状态, a:visited是已访问的状态,a:hover是鼠标停留在链接之上,a:active是被选择的链接。 伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的,:active必须被置于:hover之后才是有效的。 如果没有指定伪类,则默认为 :link。
@ html5和css3与html和css的区别?
html5是HTML的最新标准版本,而css3则是css的最新标准版本。平时大家说HTML5+CSS3,其实指的就是利用这二者的新特性来开发项目。 HTML5相对于以前的HTML4版本,主要朝着语义化、现代化的方向发展,去掉了一些纯表现形式的标签,增加了一些语义化的标签和多媒体标签,更加符合现代开发需要。而CSS3呢,基本上是向下兼容以前的标准,在以前的基础上添加了不少新特性。利用HTML5+CSS3组合,可能简单几行代码就能够实现以前需要很多代码配合js才能实现的功能。