css

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--