通俗点说,网页制作标准是标签跟样式分离,
比如,<table width=’200′></table>这里面的width属于标签属性,标准是尽量少用标签属性,多用css样式表,所以就可以这样
<style>
table{ width:200px;}
</style>
标签属性现在很多是被认为过时了,特别是在html5中,所以建议你多用css,另外用css也便于网页的维护和管理
@ css层叠样式表有哪几种类型?
CSS层叠样式表有四种类型?它们的叠层优先级关系如下:行内样式:混合在HTML标签里面,对每个元素单独定义样式
页面的内部样式:在<head>与</head>之间添加样式(重用性差,容易冗余)
链接外部样式:使用Link标签,只需要把公共的CSS单独保存为一个文件,其他页面就可以分别调用自身的CSS文件,如果要改变网站风格,修改公共的CSS文件就可以了,是开发常用的HTML+CSS使用方式
导入外部样式:import方式导入CSS样式表,和链接外部样式资源类似
四种样式也有优先级,按照就近原则:行内样式 > 页面内部样式 > 链接外部样式资源 > 导入外部样式。
@ css的类选择器用什么属性引用?
用于来定义一类可以在同一个页面内重复利用的样式。 如比较常用的.clearfix(一般是用于清除浮动),或者自己定义的用于新闻列表的样式,详细的写好链接、列表、边框以及背景等属性,有些人还会习惯把一些常用的属性作为一个类。
@ css的优先级怎么判断?
css选择器优先级怎么比较CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上,CSS选择器如果细分下来,竟然多达40多种。那他们的优先级该怎么比较呢,下面就来看看吧。
● 不同级别
1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
2. 作为style属性写在元素内的样式
3. id选择器
4. 类选择器
5. 元素选择器
6. 通配符选择器
7. 浏览器自定义或继承
总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性
● 同一级别
(1) 同一级别中后写的会覆盖先写的样式
(2) 同一级别css引入方式不同,优先级不同
总结排序:内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。
对于选择器优先级,还可以通过计算权重值来比较