css基础3

font-family制定字体在浏览器的加载.
font-size制定字体的尺寸大小.
font-weight字体加粗,数字100-900,bold是700，bolder是更黑。
font-ariant：small-caps设置大写字母的显示。
text-indent设置首行文本的缩进。
text-shadow：5px 5px 5px green；第一个参数是x方向，第二个参数是y方向，第三个参数是模糊度，第四个参数是阴影的颜色。
溢出空白white-space；
文本溢出text-overflow；
文本默认留白换行，英文后有省略号，white-space:normal;
text-overflow:ellipsis；。
clip代表修饰，ellipsis表示省略。
white-space:nowrap;处理文本不换行。
text-overflow:ellipsis；
铺满文本框
white-space:nowrap;
text-overflow:clip;
文本超出溢出必须搭配overflow: hidden;使用，
overflow: hidden;
长单词换行word-wrap：break-word；
文本换行word-break：break-all/keep-all；break-all是塞满了才换行，keep-all是保持阵形中文的时候当文本框放不下两个语句是默认换行。
border-spacing设置单元格之间的间隙，两个参数，第一个参数代表左右，第二个代表上下。
caption-size设置标题的位置，可取值有bottom，top。
table-layout是设置显示表格单元格、行、列的算法规则。auto由内容设定，fixed是固定表格的布局。
vertical-align垂直对齐方式。
border-collapse：separate/collapse。边框合并。
显示：
display：none；隐藏且不占html文档的高度。
visibility：hidden；隐藏元素但占据空间。
opacity：0；设置属性元素的不透明度，0.0-1.0.
course设置光标聚焦时的样式（default pointer crosshair text wait help等）。
list-style-position控制列表标记的位置。outside/inside。
list-style-type设置列表样式。
浮动：
float设置向右浮动,它脱离文档流并向右移动,直到右边缘碰到包含框的右边缘；
设置向左浮动,它脱离文档流并向左移动,直到左边缘碰到包含框的左边缘；
当设置左浮动时,框1不在处于文档流中,所以它不占据空间,实际是框1盖住了框2,使框2从视图中消失。
如果包含框太窄了,那么其浮动块会自动向下移动,直到有足够的空间。