CSS伪类定义3种方法篇1
CSS伪类用于向特殊状态的选择器添加特殊效果,使用最多的伪类是锚伪类。
a:link未访问的链接a:visited已访问的链接a:hover鼠标移动到链接上,此伪类不止限于超链接上,其他元素也可使用a:active选定的链接注意:在CSS定义中,a:hover必须被置于a:link和a:visited之后,才是有效的;a:active必须被置于a:hover之后,才是有效的;伪类名称对大小写不敏感。伪类的使用是在选择器后添加伪类,如selector:pseudo-class{color:red},selector.class:pseudo-class{color:red}注:pseudo-class表示伪类,但并无此伪类,selector表示选择器。
CSS的伪类还有其他几种::active向被激活的元素添加样式。:focus向拥有键盘输入焦点的元素添加样式。
IE中必须声明<!DOCTYPE>,IE8以下不支持。:hover当鼠标悬浮在元素上方时,向元素添加样式。
:link向未被访问的链接添加样式。:visited向已被访问的链接添加样式。
:first-child向元素的第一个子元素添加样式。IE中必须声明<!DOCTYPE>。
:lang向带有指定lang属性的元素添加样式。IE中必须声明<!DOCTYPE>,IE8以下不支持。
CSS中,还有伪元素,形态及使用方法类同伪类。:first-letter向文本的第一个字母添加特殊样式。
:first-line向文本的首行添加特殊样式。:before在元素之前添加内容。
:after在元素之后添加内容。
CSS如何写行内样式,来区分浏览器篇2
需要加在CSS里来写
例<ulclass="div"></ul>
div{
padding-left:15px!important;/*IE7*/
padding-left:30px;/*IE6*/
}
IE6能识别*,但不能识别!important,
IE7能识别*,也能识别!important;
IE6支持下划线,IE7和FF均不支持下划线。
所以也可以这样写
div{
padding-left:15px;/*IE7*/
_padding-left:30px;/*IE6*/
}
另外不管是什么方法,书写的顺序都是FF的写在前面,IE7的写在中间,IE6的写在最后面。
希望对你有帮助:)
CSS的三种使用方法篇3
1.外部式:
(1)用法:当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。
(2)举例:通常外部样式表以.css做为文件扩展名,例如Mystyles.css。然后在需要此样式的页面中将其链接进来。
2.内嵌式:
(1)用法:当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的标记符内。嵌入的样式表中的样式只能在同一网页上使用。
(2)举例:在中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用“边框与阴影”命令(在“格式”菜单上)在普通段落周围应用框,FrontPage会写下格式设置信息,作为段落标记符的内嵌样式属性。
3.行内样式:
行内样式就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。
拓展资料:
1.CSS定义:
它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
2.CSS简介:
CSS(CascadingStyleSheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面格式,可将页面的内容与表现形式分离。
3.优越性:CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。