现在的位置: 首页 > 综合 > 正文

HTML学习 NO6

2013年10月17日 ⁄ 综合 ⁄ 共 3545字 ⁄ 字号 评论关闭

             1.与外补丁相反的是内补丁,表示对象内部的填充距离,padding常常用在父类对象中.

             2.padding-top padding-right padding-bottom pdding-left.

             3.边框的基本语法:border : border-width/border-style/border-color.

             4.border-width表示边框的宽度 border-style表示边框用什么样式来表达 border-color表示边框的颜色.

              5.边框也有 border-top/right/bottom/left.

              6.边框样式:border-style:none/dotted/dashed/solid/double/groove/ridge/insert/outset.

              7.边框宽度:border-width:medium/thin/thick/length.

              8.定位,用来设置对象的定位方式,有绝对和相对定位之分,语法为:position : static/absolue/relative.

                static:默认值,无特殊定位 absolute:将对象从文档中流出 relative:对象不可层叠.

      设置了relative或absolute后,至少要设置left/top/right/bottom中的一种.

        设置对象层叠顺序:x-index:atuo/number.

     9.设置对象的边框位置:top/right/bottom/left后面接auto/length.

     10.属性列表在CSS用list-style表示,语法格式为:list-style : list-style-image/list-style-position/list-style-type.

           list-style-image用来设置显示列表的图案 .

           list-style-position用来设置显示文本列表.

           list-style-type用来设置列表的预设标记.

           list-style-type:disc/circle/square/decimal/lower-roman/upper-roman/lower-alpha/upper-alpha/none.

      11.border-collapse:separate/collapse,前者表示有边框,后者表示合并了边框.

      12.table-layout:auto/fixed,前者是默认的自动算法,后者为固定布局的算法,布局将用于单元格中的内容.

      13.border-collapse:separate/collapse:separate表示显示边框,collapse表示不显示边框.

      14..table-layout:auto/fixed:auto为自动算法,布局将基于各单元格的内容,表格在每一单元格内所有内容读取计算之后才会显示出来,而另一个参数值fixed表示固定布局的算法,表格和列的宽度取决于col对象的宽度的总和

      15.设置滚动条:

            scrollbar-3dlight-color:color  滚动条亮边框颜色

            scrollbar-highlight-color:color 滚动条3D界面的亮边颜色

            scrollbar-face-color:滚动条3D表面

            scrollbar-arrow-color:滚动条方向箭头的颜色

            scrollbar-shadow-color:滚动条3D界面的按框边的颜色

            scrollbar-darkshadow-color:滚动条暗边框的颜色

            scrollbar-base-color:滚动条基准颜色

            scrollbar-track-color:滚动条的拖动区域颜色

     16.CSS的布局:设置层的漂移时,层与层之间在默认情况下不在同一水平线上,而是垂直显示,语法格式为:float : none/left/right,三个参数依次说明:none:默认值,对象不漂浮  left:文本流向对象的右边 right:文本流向对象的左边

          清除层的漂移,则可以使用clear的方法,语法格式为:clear : none/left/right/both

           参数解释:none:默认值,允许两边都可以有浮动对象

                        left:不允许左边有浮动对象

                        right:不允许右边有浮动对象

                        both:两边都不允许有浮动对象

19.属性clip用来设置对象的可视区域,而区域外的部分是透明的,语法格式: clip : auto/rect(number number number number) .      auto:默认值 rect:依据上右下左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移值,其中任一个都可以用auto替换,表示此边不剪切

20.当内容越过层大小时,用overflow来管理内容,语法格式: overflow : visible/auto/hidden/scroll

     参数解释:     visible:默认值.对象将以包含对象的window或frame的尺寸裁切,并且clip属性设置将失效

                       auto:在必需时对象内容才会被剪裁或显示滚动条

                       hidden:不显示超过对象尺寸的内容

                       scroll:总是显示滚动条

21.鼠标指针的不同表示:

cursor : auto/all-scroll/col-size/crosshair/defau/hand/move/help/no-drop/not-allowed/pointer/progress
        /row-resize/text/vertical-text/wait/*-resize/url
22.对象的隐藏,语法格式:display : block/none/inline/inline-block list-item
23.设置对象是否显示,语法格式:visibility : inherit/visble/hidde
   inherit:默认值,继承父对象的可见性
   visible:表示对象可视
   hidden:表示对象隐藏
   hidden显示不出来,但是在空间上还是存在的
24.选择符:
         通配选择符:选即定文档对象模型(DOM)中的所有类型的单个对象 语法格式:*{CSS代码规范}
         类型选择符:是指以文档对象模型(DOM)作为选择符,即选择某个HTML标记为对象,如P{},div{}等.
         包含选择符:布局中常常用到容器层和其它包含的子层,如果用到包含选择符就可以对某个容器层的子层控制,使其它同名的对象
                   不受该规则影响.语法格式: E1 E2  E1指父层对象,E2指子层对象
                                        {
                            
                                                                                 
                                        }
         ID选择符:语法格式:#ID标识符
                             {
                            /*样式规则*/
                         }
          类选择符:语法格式: .CLASS标识符
                              {

                          }
          分组选择符:分组选择符是对多个标记设置同样的样式,在不同的类型中,表示同样的样式,语法格式:
                            E1,E2,E3
                           {
                             /*CSS代码*/
                           }
  25.伪类:用来指定链接或者与其相关的选择符的状态,伪类最常用的用法是对链接对象的不同状态下定义不同的样式效果,伪类与选择符
         间用冒号相连,在CSS当中,伪类是对文本或图像处于链接状态的修饰,故选择符大部分下是a标记
         ":link" 用在为访问的链接上
         ":hover" 用于鼠标光标置于其上的链接
         ":active" 用于获得焦点的链接
         ":visited"用在已经访问过的链接
 26.单位:长度单位:px:像素 em:相当于当前对象内文本的字体尺寸,相当于浏览器的默认字体尺寸
                ex:相当于字符"x"的高度,此高度通常为字体尺寸的一半,相当于浏览器默认字体尺寸
                pt:点 pc:派卡 in:尺寸 mm:毫米 cm厘米
 27.颜色用RGB的表示方法 R : 红色值 G : 绿色值  B : 蓝色指 

           

           

           

           

 

 

抱歉!评论已关闭.