1--图片固定:background-attachment:fixed;
2--表格的标题:caption-side:bottom;
3--border-style:solid;
border-width:medium;
注意:"border-width" 属性 如果单独使用则不起作用。要先使用 "border-style" 属性来设置边框。
4--边框轮廓:outline:green dotted thick;
5--最大'高度' / 最小'高度': max-height:?px; / min-width:?px;
6--隐藏元素:visibility:hidden;
注意: 实例中的隐藏标题仍然占用空间.
7--不显示一个元素:display:none;
8--隐藏一行或一列表格:visibility: collapse;
9--重叠样式:z-index:-1;
链接:http://www.runoob.com/try/try.php?filename=trycss_zindex
10--设置元素的形状:clip:rect(0px,60px,200px,0px);
它的意思是:剪裁 :矩形 (0px, 60px ,200px ,0px)
11--显示滚动条:overflow:scroll;
12--鼠标指针发生变化(更改光标):cursor:auto;
链接:http://www.runoob.com/try/try.php?filename=trycss_cursor
13--清除浮动:clear:both;
14--有趣的border属性,建议看看
链接:http://www.runoob.com/try/try.php?filename=trycss_float5
15--代码: h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
效果:Section1.HTML tutorials
1.1 HTML Tutorial
1.2 XHTML Tutorial
1.3 CSS Tutorial
16--焦点:input:focus{
}
(文本框点击后的样式)
17--使用 "first-letter / line" 伪元素向文本的 首字母 / 首行 设置特殊样式;
18--文本转换:text-transform:uppercase; (转换成大写);
19-- 设置不透明度:filter:alpha(opacity=60) ;
它的意思是{过滤器:阿尔法(透明度=60);}
20--(2017/04/20)五大内核:
21--