• 《精通CSS:高级Web标准解决方案》学习笔记(下)


    1.

     background-position: left center;

    两个参数分别是x和y轴方向的position

    2.

      background-position: 10% 20%;

    用百分数表示时,定位点并不是元素的左上角,而是background上距左边10%,距右边20%的点

    3.圆角框,略。内容太多,以后单独开一篇。

    4.犹如下css代码:

    1 a:link,a:visited {
    2     text-decoration: none;
    3 }
    4 a:hover,a:focus,a:active{
    5     text-decoration: underline;
    6 }

    若调换选择器的顺序,如下:

    1 a:hover,a:focus,a:active{
    2     text-decoration: underline;
    3 }
    4 a:link,a:visited {
    5     text-decoration: none;
    6 }

    则鼠标悬停和激活样式就不起作用,这是由层叠造成的,根据w3c标准,当两个规则具有相同特殊性时,后定义的规则优先。关于优先性排序,以后我也会另开一篇。

    5.锚

    <a href="http://www.taoshen.com/index.html#image">image</a>

    #后接元素id,且css3允许使用:target伪类为目标元素定义样式,如:

    1 a:target{
    2     background-color: yellow;
    3 }

    6.绝不要使用a标签来更新服务器,否则spider的爬取可能会造成误操作。a和button不要混用。

  • 相关阅读:
    GDI+中发生一般性错误
    反复
    一些网址
    控制listview大图标之间的间距
    android 系统移植
    android 启动报错
    android init.rc 语法分析
    Linux下的管道编程技术dup函数和dup2函数
    为了防止打开的设备 被占用
    android 多媒体框架
  • 原文地址:https://www.cnblogs.com/taoshen/p/4982810.html
Copyright © 2020-2023  润新知