《精通CSS:高级Web标准解决方案》学习笔记(下)
2016-01-25 10:06
411 查看
1.
两个参数分别是x和y轴方向的position
2.
用百分数表示时,定位点并不是元素的左上角,而是background上距左边10%,距右边20%的点
3.圆角框,略。内容太多,以后单独开一篇。
4.犹如下css代码:
若调换选择器的顺序,如下:
则鼠标悬停和激活样式就不起作用,这是由层叠造成的,根据w3c标准,当两个规则具有相同特殊性时,后定义的规则优先。关于优先性排序,以后我也会另开一篇。
5.锚
#后接元素id,且css3允许使用:target伪类为目标元素定义样式,如:
6.绝不要使用a标签来更新服务器,否则spider的爬取可能会造成误操作。a和button不要混用。
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不要混用。
相关文章推荐
- CSS content内容生成技术以及应用
- css border-style三角
- CSS浮动(float,clear)
- CSS3 多列
- CSS3 用户界面
- 修改progressbar的样式
- 纯CSS实现的表格滚动条效果
- CSS块级元素、内联元素概念
- CSS float 属性
- css3 box-shadow
- CSS 布局实例系列(二)如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- CSS那些事儿-阅读随笔2(选择符的组合与优先级/权重)
- html+css制作简易版Baymax
- 用css伪元素实现tooltip效果
- CSS+DIV:理论实战缺一不可
- css学习之id和class选择器
- 使用css垂直水平居中
- css学习之css语法
- CSS 布局 问题 及 解答
- LaTex 单栏样式模板中插入双栏表格