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