css
选择器：
标记选择器/元素选择器：作用于页面内所有同名标记 类选择器：使用“.” id选择器：使用“#”，唯一 伪类选择器：标记:伪类名{}
a:link{} 设置a标记在未被访问前的样式 a:visited{} 设置a标记在被访问后的样式 a:hover{} 设置a标记在鼠标悬停时的样式，必须置于link、visited之后 a:active{} 设置a标记被用户激活（在鼠标点击和释放之间）时的样式，必须置于hover之后 first-letter{} 作用于块，设置第一个字符的样式 first-line{} 作用于块，设置第一行的样式 first-child{} 设置第一个子标记的样式 lang{} 设置具有lang属性的标记的样式
属性选择器：
[title]{} 对带有title属性的所有元素设置样式 [class="p1"]{} 对class值为p1的元素设置样式 [name~="chu"]{} 对name包含词汇“chu”的元素设置样式（用空格分隔的字词列表） [title|="va"]{} 对title值为va或va开头的元素设置样式 attribute^="value" attribute$="value" attribute*="value" 属性值以value开头，结尾和包含
css定义和引用：
内联样式表：
单个标记插入style=“属性：属性值；属性：属性值；”，优先于其他所有样式定义 内部样式表：
<style type="text/css"> type属性指style元素以css的语法定义
选择器{属性：属性值；}
</style>
插入head标签中，只对所在网页有效
链接外部样式表：
<link rel="stylesheet" type="text/css" href=""/> 可出现任何次数
type链接文档的类型 rel当前文档与被链接文档之间的关系 href被链接文档的位置
导入外部样式表：
必须在内部样式表内首行通过“@import url("外部样式文件名称");”来定义，可以导入多个
css继承与层叠：
子标记会继承父标记的所有样式风格，子标记可修改样式，不影响父标记 有些属性不会继承父标记的属性值，比如边框属性是非继承的 层叠不是继承，层叠是冲突时的解决方案，优先级：行内>id>class>标记样式
div图层：
style属性：
position：定义图层的定位方式； static：静态定位，保持默认设置 fixed：表示图层位置固定，不滚动，相对于屏幕固定不变 relative：相对定位，图层不可层叠，可以用top、left来设置div在页面中的偏移 absolute：绝对定位，与位置属性配合使用，可以用top、left进行绝对定位
border：线粗细 线型 线颜色； background-color：背景颜色； left：pixes|%；规定图层左边距离 top：pixes|%；规定图层与顶部的距离 width，height：宽，高； float：left|right|none；浮动元素在左|右|不浮动 clear：left|right|both|none；清除左边|右边|左右两边的浮动|不清除浮动，允许有浮动 z-index：auto|数字；表示子图层会按父层的属性显示|无单位的整数或负数，实现多个图层 层叠的效果，值越大图层位置越高，子层始终在父层之上 overflow：scroll|visible|auto|hidden；内容溢出控制，分别为始终显示滚动条，不显示滚动 条但超出部分可见，内容超出时显示滚动条、超出时隐藏内容 display：block|inline|none；按块元素显示、行内方式显示和隐藏
div标记：
是区块容器标记，可以容纳段落、标题、表格、图像等元素，只要对div进行样式控制，就可以对div内包含的各种元素进行样式控制，包含的元素会自动换行
span标记：
是行内标记，和div类似，但是元素会在一行内显示，不会自动换行，纯粹用来应用样式
div可以包含span，span不可以包含div 可以通过display属性改变span为块标记，把div变成行标记 display：none|inline|block|inline-block|inherit； 不会被显示 | 行内元素行内显示 | 块级元素块状显示自动换行 | 行内块标记 | 继承父元素的display属性
CSS样式属性
绝对单位： in英寸，cm厘米，mm毫米，pt磅...
相对单位： em：表示元素字体高度，能够根据字体的font-size属性来确定单位的大小 比如p{font-size:24px;line-height:2em;}则行高为48px ex：表示以所用的字体的小写字母x的高度作为参考，在实际使用中将以em的值除2得到ex的值 px：表示根据屏幕像素点确定，不同的显示分辨率就会使相同取值的像素单位产生不同效果 百分比%：一般参考父元素相同属性的值
font子属性表： font-size：绝对大小|相对大小|关键字；关键字有xx-small等 font-style：normal|italic|oblique；默认值、斜体、倾斜字体 font-variant：normal|small-caps；正常的字体，默认值|表示使用小型的大写字母字体 font-family：字体1，字体2，，，字体n；以此使用字体，都不存在默认字体宋体，字体名称有空格用双引号括起来 font-weight：normal|bold|bolder|ligther|整数；正常字体|粗体|特粗体|细体|100/200/300/400... 整数100->900，100最细，400normal，700bold
p{font:font-style font-weight font-variant font-size/line-height font-family} 前三个可以不分先后默认normal，必须先设置大小，再设置字体，行高可选，用/与字体大小分隔 font可继承
css文本样式： letter-spacing：normal|长度单位；字符与字符之间的间距，中英文皆起作用， word-spacing：normal|长度单位；主要针对英文 line-height：normal|length；行与行之间，百分比取值是基于字体的高度尺寸 text-indent：长度单位|百分比单位； text-decoration：none|underline|overline|line-through；无装饰|下划线|上划线|删除线 text-transform：capitalize|uppercase|lowercase|none；每个单词第一个字母大写|大写|小写|不变 text-align：left|right|center|justify；水平对齐方式 vertical-align：top|middle|bottom|text-top|text-bottom；垂直对齐方式 color：颜色； background 复合属性 background-color：背景颜色； background-image：url("图像文件名称")|none; 背景图案 background-repeat：repeat|no-repeat|repeat-x|repeat-y;背景图案小于指定元素时，是否重复填充图案，x代表背景图片在水平方向从左到右填充元素大小的空间，y垂直 background-attachment：scroll|fixed；背景图案是否在元素滚动时一起滚动 background-position：水平参数 垂直参数；起始位置，只设置一个时另一个为50%或居中 left|center|right top|center|bottom；x% y%；xpos ypos； background：background-color background-image background-repeat background-position background-attachment
css列表样式： list-style-type：disc(实心圆)|...|none； list-style-image：url("图像文件名称")|none；图像替代符号 list-style-position：outside|inside； outside 默认值，将标志放在文本之外，而且任何换行符号在标志下均不对齐 inside 将标志放在文本之内，而且任何换行文本在标志下均对齐
css盒模型： margin-top|right|bottom|left：长度单位|百分比单位|auto；复合属性，外边距 margin：10px 10px 20px 30px；上右下左； margin：10px 20px 10px；上边界10px，左右20，下10； margin：20px 10px；上下20px，左右10px； margin：10px；上下左右均为10；
border 复合属性 {border：border-width border-style border-color} border-style： none；无边框 hidden；与none相同，应用于表时例外，用于解决边框冲突 dotted；点状边框 dashed；虚线 solid；实线 double；双线，宽度等于border-width groove；3D凹槽边框，效果取决于border-color的值 ridge；山脊状边框，效果取决于border-color的值 inset；使页面沉入感边框，效果取决于border-color的值 outset；使页面浮出感边框，效果取决于border-color的值 border-style：上 右 下 左 ；上 左右 下；上下 左右；上下左右；看有几个参数 也可以写border-top|right|left|bottom-style border-width：medium(默认值)|thin(小于默认)|thick(大于)|length(数值)； 同样遵循四三二一参数，也有border-top|right|left|bottom-width border-color：color； 同样遵循四三二一参数，也有border-top|right|left|bottom-color padding：长度|百分比； 填充属性，内边界，元素内容与边框之间的距离，内空白 同样遵循四三二一参数，也有padding-top|right|left|bottom
