CSS属性总结(未完待续)

一、选择器
1、id选择器
2、类选择器
3、类型选择器
4、伪类 选择器名称:伪类名称
5、子选择器


二、CSS盒模型




三、块元素与内联元素
1、块元素
   块元素一般可以包含其他块元素和内联元素，块元素默认换行显示(在未定义任何CSS属性的情况下)。在块元素中，可以正常显示所有定义的盒模型属性。

2、内联元素
   内联元素一般只可以包含其它的内联元素，例如<a>元素、<span>元素等。内联元素默认同行显示(在未定义任何CSS属性的情况下)，直到内联元素宽度之
和大于容器元素的时候换行显示。在内联元素中，如果定义盒模型的相关属性，部分属性可能无法正常显示。

3、块元素与内联元素的联系
   通过定义相关的CSS样式，可以实现块元素与内联元素之间的转换。display   
   块元素 --> 内联元素  display:line
   内联元素 --> 块元素  display:block


四、元素的定位
1、定位属性：position
2、层叠定位属性：z-index


五、元素的布局
1、float：浮动
   1）如果相邻的两个元素中一个为浮动元素，另一个为固定元素，则最终的显示效果和元素之间的位置有关。
      如果浮动元素处于固定元素之前，则固定元素和浮动元素同行显示，如果浮动元素处于固定元素之后，则浮动元素换行显示。
   2）如果相邻的两个元素都是浮动元素，如果父元素足够大，他们将会同行显示。
   3）如果同时使用多个浮动元素，页面会按照浮动元素定义的先后对元素进行排列，后定义的元素默认排列在先定义元素的旁边。

2、clear：清除浮动

3、clip：剪切
   内容的剪切属性只能使用在绝对定位的元素中，如果未定义元素不为绝对定位，则无法显示剪切效果。

4、overflow：溢出
   溢出属性用来定义元素溢出部分的显示方式。

5、display：显示方式

   注意：可以转变块级元素与内联元素。

6、visibiliby：可视


六、CSS控制文本显示
1、控制字体
1、1 font-family : name 字体名称 
1、2 color 字体颜色
1、3 font-size 字体大小
1、4 font-style 字体样式
1、5 font-weight 字体加粗
1、6 text-decoration 字体修饰属性
1、7 text-underline-position 字体下划线位置
1、8 font-variant 小型大写字母属性
1、9 text-transform 转换大小写属性
1、10 letter-spacing 字母间隔属性
1、11 word-spacing 单词间隔属性
1、12 line-height 行高属性
      注意：在行高属性中，使用百分比值，其最终取值以文体中字体的高度为基准。


2、控制文本的显示
2、1 text-indent 文本缩进属性
2、2 white-space 文本空白属性
2、3 text-overflow 文本溢出属性
2、4 text-align 水平对齐属性
2、5 vertical-align 垂直对齐属性
2、6 layout-flow 文本流向属性
2、7 direction 文本方向属性
2、8 unicode-bidi 文本排序属性
2、9 word-break 词内换行属性
2、10 word-wrap 自动折行属性


3、控制列表元素的显示
3、1 list-style-type 列表符号属性
3、2 list-style-image 列表图像属性
3、3 list-style-position 标记位置属性


七、控制表格元素的显示
1、控制表格元素
1、1 border-collapse 表格边框合并属性
1、2 border-spacing 表格边框间距属性
1、3 caption-side 表格标题位置发展
1、4 table-layout 表格布局属性


2、单元格的制约关系
2、1 确定单行或单列的宽度或高度
2、2 确定多行或多列的宽度或高度
2、3 单元格与嵌套的<div>元素


八、CSS控制其他元素的显示
1、控制滚动条的显示
1、1 scrollbar-3dlight-color 滚动条3D亮边框颜色属性
1、2 scrollbar-highlight-color 滚动条亮边框颜色属性
1、3 scrollbar-face-color 滚动条滑块颜色属性
1、4 scrollbar-arrow-color 滚动条箭头颜色属性
1、5 scrollbar-shadow-color 滚动条阴影颜色属性
1、6 scrollbar-darkshadow-color 滚动条暗部阴影颜色属性
1、7 scrollbar-track-color 滚动条拖动区颜色属性 
1、8 scrollbar-base-color 滚动条基准色属性


2、控制光标的显示
2、1 all-scroll 使用中间是圆点、上下左右是箭头的显示效果
2、2 col-resize 使用中间是竖线、左右是箭头的显示效果
2、3 crosshair 使用十字线的显示效果
2、4 default 使用客户端平台的默认光标。通常是一个箭头
2、5 hand 使用手形的光标效果
2、6 move 使用十字箭头的显示效果
2、7 help 使用带问号标记的箭头的显示效果
2、8 no-drop 使用带有禁止标志的手形光标效果
2、9 not-allowed 使用带有禁止标记的显示效果
2、10 pointer 使用手形的光标效果
2、11 progress 使用带有沙漏标记的箭头光标效果
2、12 row-resize 使用中间是横线，上下是箭头的显示效果
2、13 text 使用大写字母I的显示效果
2、14 vertical-text 使用大写字母I旋转90度的显示效果
2、15 wait 使用沙漏或手表的显示效果
2、16 *-resize 使带有方向的箭头效果，分为 w-resize、s-resize、n-resize、e-resize、ne-resize、sw-resize、se-resize、nw-resize等几个
2、17 url 使用用户自定义光标。通常后缀为.cur或者.ani。


3、控制打印的显示
3、1 page-break-after 对象后插入分页符号属性
3、2 page-break-before 对象前插入分页符号属性


4、控制元素的缩放
4、1 zoom 元素的缩放


5、定义链接未访问的显示效果
5、1 :link 定义链接未访问效果
5、2 :hover 定义链接鼠标悬停的显示效果
5、3 :active 定义链接激活的显示效果
5、4 :visited 定义链接访问后的显示效果


注意：在使用CSS属性定义链接显示效果的时候，要按照:link、:visited、:hover、:active的顺序定义。如果使用错误的顺序，链接属性中的定义的
      部分效果将无法显示。


6、添加辅助内容
content 添加辅助内容属性
 
其中各属性值的含义如下所述。
6、1 string 添加的辅助内容为字符串
6、2 url 添加的辅助内容为链接内容
6、3 counter 添加的辅助内容为计数器中的内容，其中name为计数器名称，list-style-type为计数器种类属性，string为所有已命名的计数器
6、4 open-quote 插入quotes属性的前标记
6、5 close-quote 插入quotes属性的后标记
6、6 no-open-quote 不插入quotes属性的前标记
6、7 no-clise-quote 不插入quotes属性的后标记
6、8 attr 使用元素的某属性定义的文本内容


九、CSS滤镜
1、CSS静态滤镜
1、1 颜色渐变滤镜 Gradient




 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enable:定义滤镜是否被禁止使用。取值范围为布尔值，当取值为true时滤镜可用;取值为false时，禁止使用滤镜

startColorStr:定义起始颜色和不透明度。使用aabbccdd的格式定义参数值，其中每个字母都代表一个十六进制的数字。aa代表不透明度，当值为00时，完全透明;当值为ff时，完全不透明。bb、cc、dd依次代表红、绿、蓝三种色彩值。取值越大所占的色彩比例就越大。

endColorStr：定义最终颜色和不透明度，取值方法和startColorStr参数相同

startColor:定义起始颜色值，使用0~4 294 967 295内的整数定义起始颜色

endColr:定义最终颜色值，使用0~4 294 967 295内的整数定义起始颜色

GradientType:定义渐变的方向，取值为0或1。当取值为0的时候，为横向渐变;当取值为1的时候，为纵向渐变

注意：在滤镜属性中，每个参数之间使用英文的逗号(,)分隔开，交换各个参数的位置，并不影响滤镜的显示效果。


1、2 插入图片滤镜 AlphalmageLoader
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值，当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

sizingMethod:定义插入图片的显示方法。当使用crop值时，对图片内容进行裁剪，以适应元素大小;当使用image值时，元素增大自身的大小，以适应插入图片的大小;当使用scale值时，图片内容缩放本身大小，以适应元素的大小。

src:定义插入图片的路径。


1、3 透明度滤镜 Alpha
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用。取值范围为布尔值，当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

style:定义透明度渐变的显示方式;使用0~4的数字值。当聚会为0时，元素透明;取值为1时,显示线性渐变透明效果;取值为2时，显示图形渐变透明效果;取值为3时，显示放射形渐变透明效果。

opacity:定义起始不透明度，使用0~100的数字值，0代表透明，100代表不透明。

finishOpacity:定义最终不透明度，取值方法和finishOpacity参数相同。

startX:定义透明度起始点的横坐标，使用0~4 294 967 295内的整数定义起始颜色。

startY:定义透明度起始点的纵坐标。

finishX:定义透明度最终点的横坐标

finishY:定义透明度最终点的纵坐标


1、4 模糊滤镜 Blur
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值，当取值为true的时候滤镜可用;取值为false时，禁止使用滤镜。

makeShadow:定义是否使用阴影效果，使用布尔值。true代表使用阴影效果;此时元素显示黑色;false代表不使用阴影效果。

pixelRadius:定义模糊作用的深度，使用1.0~100.0内的像素值。

shadowOpacity:定义阴影的不透明度，取值为0.0~1.0内的数值。取值为0.0时，显示完全透明;取值为1.0时，显示透明。


1、5 色彩处理滤镜 BasicImage
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enable:定义滤镜是否被禁止使用，取值范围为布尔值，当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

grayScale:定义是否显示灰度效果。1代表使用灰度效果，0代表不使用灰度效果。

opacity:定义是否不透明效果。0.0代表透明，1.0代表不透明。

XRay:定义是否显示X射线效果。1代表使用X射线效果，0代表不使用X射线效果。

Invert:定义是否显示反相效果。1代表使用反相效果，0代表不使用反相效果。

Mash:定义是滞显示遮罩效果。1代表使用遮罩效果，0代表不使用遮罩效果。

MashColor:定义遮罩的颜色

Rotation:定义是否显示旋转效果。0代表不旋转，1代表旋转90度，2代表旋转180度，3代表旋转270度。




1、6 颜色滤镜 Chroma
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

color:定义需要过滤的颜色值。


1、7 阴影滤镜 Shadow
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

color:定义阴影的颜色。

direction:定义阴影的方向，可以使用0、45、90、135、180、225、270、315等角度值。

strength:定义阴影的扩散距离，使用以像素为单位的值。


1、8 下拉阴影滤镜 DropShadow
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜

color:定义下拉阴影的颜色。

offX:定义阴影在水平方向上的偏移量，使用正值时阴影显示在元素的右侧，使用负值时阴影显示在元素的左侧。

offY:定义阴影在垂直方向上的偏移量，使用正值时阴影显示在元素的底部，使用负值时阴影显示在元素的顶部。

positive:定义阴影是否从非透明部分开始显示，使用布尔值。true表示从元素的非透明区域建立阴影,false表示从元素的透明区域建立阴影。


1、9 浮雕滤镜 Emboss
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

Bias:定义元素中颜色的组分，使用-1.0~1.0内的数值定义。


1、10 浮雕纹理滤镜 Engrave
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

Bias:定义元素中颜色的组分，使用-1.0~1.0内的数值定义。


1、11 发光滤镜 Glow
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

color:定义发光效果的颜色。

strength:定义发光效果的显示范围，使用1~255的像素值定义。


1、12 遮罩滤镜 MaskFilter
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

color:定义起始颜色和不透明度。使用aabbccdd的格式定义参数值，其中每个字母都代表一个十六进制的数字。aa代表不透明度，当值为00时，完全透明;当值为ff时，完全不透明。bb、cc、dd依次代表红、绿、蓝三种色彩值。取值越大所占的色彩比例就越大。


1、13 矩阵滤镜 Matrix
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

SizingMethod:定义元素使用图片时是否改变属性。当取值为 clip to original 时，元素不改变尺寸;当取值为 auto expand 时，元素改变尺寸。

FilterType:定义元素旋转的方法。当取值为bilinear时，使用平滑、静态的显示效果; nearest neighbor 一般用于动态滤镜中。

Dx:定义水平方向上的向量增加量。使用浮点数定义增量的大小，默认值为1.0

Dy:定义垂直方向上的向量增加量。使用浮点数定义增量的大小，默认值为1.0

M11:定义元素右侧连线水平方向上的显示位置。使用浮点数定义增量的大小，默认值为1.0。当取值大于1.0时，右边线向右移动，同时拉伸元素的宽度;
当取值小于1.0时，右边线向左移动，同时减小元素的宽度。

M12:定义元素底侧连线水平方向上的显示位置。使用浮点数定义增量的大小，默认值为0。当取值大于0时，底部边线向右移动，同时拉伸元素的宽度;
当取值小于0时，底部边线向左移动，同时减小元素的宽度。

M21:定义元素右侧连线竖直方向上的显示位置。使用浮点数定义增量的大小，默认值为0。当取值大于0时，右边线向下移动，同时拉伸元素的宽度;
当取值小于0时，右边线向上移动，同时减小元素的宽度。

M22:定义元素底侧连线竖直方向上的显示位置。使用浮点数定义增量的大小，默认值为1.0。当取值大于1.0时，底部边线向下移动，同时拉伸元素的宽度;
当取值小于1.0时，右边线向上移动，同时减小元素的宽度。


1、14 运动模糊滤镜 MotionBlur
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

add:定义使用运动模糊滤镜后的元素内容是否覆盖原内容。当取值为true是，显示覆盖效果;当取值为false时，不显示覆盖效果。

direction:定义运动模糊的方向，使用0、45、90、135、180、225、270和315等数值。

strength:定义运动模糊的强度，使用单位为像素的数值，默认值为5px。


1、15 波浪滤镜 Wave
 
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。

add:定义是否使用波浪滤镜后的元素内容覆盖内容。当取值为true时显示覆盖效果，当取值为false时不显示覆盖效果。

freq:定义显示波纹的数目，使用整数值，默认值为3.

lightStrength:定义波纹中波峰和波谷之间的距离，使用0~100内数值，默认值为100

phase:定义波纹起始时的偏移量，使用0~100内的数值，默认值为0.

strength:定义元素内容在运动方向上偏移的距离，使用大于1的像素值。


1、16 灰度滤镜 Gray
 
括号中显示的颜色渐变滤镜可使用的参数和取值，其中各属性的含义和取值范围如下所示。
enabled:定义滤镜是否被禁止使用，取值范围为布尔值。当取值为true的时候，滤镜可用;取值为false时，禁止使用滤镜。