滚动条的使用:
从html4.01发展到xhtml之后,DOCTYPE声明就起到了很大的作用.
在原来的html的时候,我们可以在BODY标签中定义滚动条,但是这样在xhtml下就不起作用,将标签换成HTML就可以显示滚动条的样式了。
原因:body标签本身不是根元素,只有html才是根元素,而页面的滚动条也是属于根元素的,所以这就是我们为什么定义body没有效果的原因。
注释:与其说是html与xhtml的区别到不如说是有无XHTML 1.0 transitional doctype的区别,如果你把页面的XHTML 1.0 transitional doctype去掉的话,那么这个页面就没有doctype,默认的显示方式就是html4.01,你要把XHTML 1.0 transitional doctype修改成HTML 4.01 doctype同样页面定义body也不会有效果的,虽然这个页面的标准是html 4.01。
超链接伪类的使用:
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!
注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!
注释:Pseudo-class(伪类)的名称对大小写不敏感。
注释:伪类可与 CSS 类配合使用:
a.red:visited {color: #FF0000}
<a class="red" href="#">CSS Syntax</a>
如果上面这个例子中的链接已访问过,那么它会显示为红色。