zoukankan      html  css  js  c++  java
  • 链接和滚动条设置应该注意的问题

    滚动条的使用:
    从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>
    如果上面这个例子中的链接已访问过,那么它会显示为红色。
  • 相关阅读:
    ReSharper 10.0.0.2 Ultimate 破解
    Image 和byte[]之间的转换
    IntelliJ IDEA 2016.1.3(64) license server 与汉化
    冒泡排序
    选择排序
    希尔排序
    插入排序
    redis学习笔记——Redis过期键的删除策略
    redis学习笔记——应用场景
    perl学习笔记——字符串和排序
  • 原文地址:https://www.cnblogs.com/xueyuan299/p/1168954.html
Copyright © 2011-2022 走看看