zoukankan      html  css  js  c++  java
  • 《精通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不要混用。

  • 相关阅读:
    第06组 每周小结 (1/3)
    第06组 Beta冲刺 总结
    第06组 Beta冲刺(5/5)
    爬虫第六次作业
    第06组 Beta冲刺 (4/5)
    第06组 Beta冲刺 (3/5)
    第06组 Beta冲刺 (2/5)
    《机器学习》第二次作业——第四章学习记录和心得
    软工实践个人总结
    第09组 每周小结 (3/3)
  • 原文地址:https://www.cnblogs.com/taoshen/p/4982810.html
Copyright © 2011-2022 走看看