CSS设置属性

1.  文本格式化：

控制字体：

    ---指定字体： font-famliy：value1，value2

 字体大小：

    ----font-size：value；

字体加粗：

    ----font-weight:normal/bold;

 

控制文本格式：   

   --文本颜色：

           ---color：value

  ---文本排列

         --text-align:left/right/center

  ----文字修饰：

          ---text-decoration:none/underline;

  ----行高

          ----line-height：value；

   ---首行文本缩进：

         ----text-indent: value

 

2.表格样式            

  表格常用的属性：

     ---边距属性：padding

     ---尺寸属性：width  height

     -----文本格式化属性

     ----背景属性

     -----border属性：设置表格的边框

 

垂直对齐方式：

      ----vertical-align 属性

                ---在单元格中，设置单元格框中的单元格内容的对齐方式

    取值：

       ---vertical-align： top/middle /bottom

 

边框合并：    

如果设置了单元格的边框，相邻单元格的边框会单独显示，类似于双线边框

---border-collapse属性：合并相邻的边框

        ---设置是否将表格边框合并为单一边框

border-collapse：separate、collapse

例如：设置表格   table.separate{border-collapse:separate}

             table.collapse{ border-collapse:collapse}

 

边框边距：

  ---border-spacing属性：设置相邻单元格的边框间的距离

取值：

       ---一个值：该值同时应用于水平距离和垂直距离

      -----两个值：第一个为水平距离，第二个为垂直距离，两个值用空格隔开

  如： border-spacing：10px 20px；

 

定位概述：

     定义元素框相对于其他正常位置应该出现的位置或相对于父元素，另一个元素甚至浏览器窗口的位置

----普通流定位

----浮动定位

-----相对定位

 ------绝对定位

 

浮动定位：

------- float属性：设置框浮动在包含框的左边或者右边

在CSS中，任何元素都可以浮动：

   float:none/left/right;

--------clear属性用于清除浮动所带来的影响

    clear：none、left、right，both

           定义了元素的哪边上不允许出现浮动元素

 

显示方式：

---一切皆为框页面上的所有元素都可以显示为框

块级元素：

    --<div>,<h1>, <p>等  ：显示为一块内容，块框

内联元素/行内元素

      --<span>, <a> 元素等

     --内容显示在行中，即“行内框”

 

display 属性：

 取值：display： none、block，inline；

---none：让生成的元素根本没有框，所有内容不再显示，不占用文档中的空间

block：

      --让行内元素（比如<a>元素） 表现的像块级元素一样

inline：

       --让块级元素（比如<p>元素）表现的像内联元素一样

 

光标：

默认情况下，光标会根据客户的操作发生改变：

 ----当鼠标悬停在一个链接上时：光标： 指针---》手状

 -----           悬停在文本时： 会显示  I  形状

 -----                      按钮          :        光标变成箭头

可以使用cursor属性指定给用户的鼠标光标的类型：

 --default

--pointer

--crosshair

--text

--wait

---help

 

列表项标识：  list-style-type

list-style-type属性用于控制列表中列表标志的样式

     ---无序列表：出现在各列表旁边的圆点

     ---有序列表: 可能是字母，数字，或另外某种计数体系中的一个符号

无序列表取值：

   ---none：无标记

  ---disc：实心圆，为默认值

   ---circle：空圆心

    ----square：实心方块 

有序列表取值：

  --none：无标记

   --decimal：数字，默认值

   ---lower-roman：小写罗马数字（如 i，ii，iii，iv，v）

   ---upper-roman：大写罗马数字

 

列表项图像 list-style-image

--list-style-image 属性使用图像来替换列表项的标记

        -取值 ：ul（），指定图像作为有序或无序列表项的标志

 

如： list-style-image：url（ph.gif） ;

 

什么是定位：

定位属性：

 position属性：更改定位模式为相对定位，绝对定位，或者固定定位

     ---position：static、relative，absolute，fixed

偏移属性：

      --top、bottom、right，left，value

堆叠顺序：

  ---z-index：value