• 《精通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不要混用。

  • 相关阅读:
    PowerMockito
    java--树封装
    plugin--Lombok
    Mysql--sql
    Oracle--sql
    hive--分区表和分桶表
    hive支持的数据类型和存储格式
    HashMap
    golang 创建 tun 设备
    golang ctrie demo
  • 原文地址:https://www.cnblogs.com/taoshen/p/4982810.html
Copyright © 2020-2023  润新知