H5学习中的一些基本属性小结

文本属性:
1.font-size:设置文本的大小 px,pt , em, rem. .. 9pt=12px 1em=16px[不经过特殊设置]默认情况下浏览器的大小为16px，设置的文字大小最好不要小于12px
2.font-family设置文本的字体﹐中文和多个英文组成的必须要用引号包裹""""""[防止出现浏览器不兼容的额情况]
3.color设置字体颜色  颜色的英文rgb(0~255,0~255,0~255) rgba(e~255,0~255,0~255,0~1)16进制的颜色:# 0~9 A~Fps取16进制颜色【找到取色器右击复制】
4.font-weight加粗 bold，bolder【加粗】 ;lighter【变细】, normal【默认】,100~9e0的整百
5.font-style设置是否倾斜italic/oblique/ normal
6.text-align设置水平对齐方式[必须可以实现换行的元素才能看到效果]1eft/right/center/justify[两端对齐]
7.垂直对齐方式【后面会将】
8.line-height行高 line-height 的属性值等于height的属性值【文本的垂直居中】
9.text-decoration : none/underline/overlin/line-through
【文本修饰】
10.text-indent设置首行缩进
11.letter-spacing[中文]/word-spacing【 字间距 英文】
12.符合属性:font:weight style size/line-height family必填项为size family，其余如果要用必须要按顺序书写

列表属性：
/* circle空心圆square实心正方形disc默认*//*list-style-type: circle; */
/*list-style-type: square; *//*list-style-type: disc; *//*list-style-type: none;*//*把之前的类型转化为图片*/
/*list-style-image : url( 图片的路径);*//*list-style-position设置位置*/
/*list-style-position: inside; *//*list-style-position: outside;*//*list-style: none; */
/*list-style:inside url( 图片的路径); */

边框属性
border:solid;[直线]/dashed;[虚线]/dotted;[点线]/dable;[双线]

背景属性
背景颜色background-color:颜色值；
背景图background-image:url(图片路径)
背景图平铺bachground-repeat:repeat[平铺];/no-repeat;[不平铺]/repeat-x;[沿x轴平铺一行]/repeat-y;[沿y轴平铺一行]
背景图位置background-position:left;/right;/center;/数值；   top;/bottom;/center;/数值；
水平对齐方式background-position:x轴数值；y轴数值；/left;/right;/center;  top;/bottom;/center;
背景图固定background-attachment:fixed(固定在浏览器窗口显示);/scroll（随着浏览滚动）;
背景尺寸background-size:x轴数值；y轴数值；/cover(覆盖，等比列放大图片，直到填满页面，会造成裁剪);/contain（包含，等比列放大图片，直到图片的宽或者高与页面等同，容易留下空白区域）；
复合属性（简写）
background: 颜色   图片【url(img/img01.jpg)】    平铺方式（no-repeat）     水平对齐方式（left）     垂直对齐方式（bottom）

溢出属性
overflow:visible(默认值)/hidden(隐藏)/scroll(添加滚轮)/auto(自适应)/inherit;
visible:默认值，溢出内容会显示在元素之外;
hidden:溢出内容隐藏;
scroll:滚动，溢出内容以滚动方式显示;
auto:如果有溢出会添加滚动条，没有溢出正常显示;
inherit:规定应该遵从父元素继承overflow属性的值。
overflow-x:X轴溢出;overflow-y:Y轴溢出

 定位属性 
语法：position：static /absolute/relative/fixed/sticky/unset/inherit(未设置是inherit和initial的结合)/initial(最初的，初始的)
static：默认值，无特殊定位，对象遵循HTML原则；
absolute：绝对定位，将对象从文档流中完全拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的
父元素进行绝对定位；如果不存在这样的父对象，则依据《浏览器》进行定位，而其层叠通过z-index属性定义
relative ：相对定位遵循正常的文档流，将依据right，top，left，bottom（相对定位）等属性在正常文档流中相对自身位置进行偏移；其层叠通过z-index属性定义.
fixed：(固定定位)，类似于绝对定位的方式，但是它的参照物是浏览器的“可视”窗口，且脱离标准文档流；
sticky：(粘性定位) 相对离自己最近且有滚动条的父元素做的定位
粘性定位，该定位是相对定位和固定定位的结合，在跨越特定阈值前类似相对定位，之后类似固定定位。

表格css属性
1border-spacing  表格间距 
2border-collapse:collapse(边框合并 效果变细)/separate分开
3table-layout fixed(固定宽度 先给table加width 加在table内容不会随文字多而改变  加在td会改变)/auto
4empty-cells:hide(隐藏空的单元格)/show不隐藏
5标题加给table caption-side: top(ie7一下只识别top）/bottom（ie7以上2个都识别）
/left/right(火狐识别)
表格标签
thead tbody tfoot 
colgroup 列分组  先分组后用col细化 后加span="数值（指的几列）"/width/bgcolor
table 后加的属性rules（分割线）=cols（列的）/rows(行的)/all（都有）/none/groups(组分割线)

表单css属性
1css属性outline:none 清除原先input的属性
2:focus{}说明一种状态 获取焦点后的样式的变化
3[属性=属性值]属性选择器
4appearance:none清除下拉列表的样式
5文本域滚动条去除 textarea  resize:none
*下拉列表
a清楚原先的样式appearance:none
b插入背景图  调背景图大小 位置是否平铺
*复选框
a先清楚自带的样式
b设置宽高边框文本位置框的水平垂直位置
c::after{content""}加的东西
d选中之后的样式
*两个框
a注释body里的空隙
b设置宽高，调节位置 
c加边框
d获取焦点之后的操作
d兄弟选择器 +号链接紧挨着的
e鼠标悬停的样式