您的位置:首页 > Web前端 > CSS

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

2016-01-25 10:06 411 查看
1.

background-position: left center;


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

2.

background-position: 10% 20%;


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

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

4.犹如下css代码:

a:link,a:visited {
text-decoration: none;
}
a:hover,a:focus,a:active{
text-decoration: underline;
}


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

a:hover,a:focus,a:active{
text-decoration: underline;
}
a:link,a:visited {
text-decoration: none;
}


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

5.锚

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


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

a:target{
background-color: yellow;
}


6.绝不要使用a标签来更新服务器,否则spider的爬取可能会造成误操作。a和button不要混用。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: