文本格式化：用CSS控制文本字体和格式取代<b><i><u>
字体属性font：
指定字体font-family：val1[,val2...]
字号font-size:value/%/em
加粗font-weight:normal/bold/value(100，200， 300)
样式font-style:normal/italic
小型大写字母font-variant:normal/small-caps
简写形式:font:[font-stylefont-variantfont-weight]font-size font-family line-height;
本文属性text-*：
文本颜色color:value
文本水平对齐text-align:left/center/right
文本修饰text-decoration:none/underline/overline/line-through/blink(兼容性差)
行高line-height:value;
文本缩进text-indent:value;
文本溢出：
处理空白white-space:normal/pre/nowrap
文本溢出text-overflow:clip/ellipsis;
注意：text-overflow要结合overflow:hidden和white-space:nowrap使用
长单词换行word-wrap:normal/break-word
文本换行方式word-break:normal/break-all/keep-all
表格常用样式：
padding、width、height、文本、背景、边框
边框合并border-collapse:separate/collapse;
垂直居中vertical-align:top/middle/bottom
边框边距border-spacing:val1[ val2]
val1影响水平方向 val2影响垂直方向
标题位置caption-side:top/bottom
布局规则table-layout:auto/fixed
auto：列宽由单元格内容设定，默认
fixed：列宽由表格宽度和列宽度设定
定位：普通流定位、浮动定位、相对定位、绝对定位
普通流定位:块级元素从上到下，内联元素从左到右
浮动定位float：浮动的框可以向右或者向左移动，直到它的外边缘碰到包含框的边框为止。
浮动属性float:none/left/right
将元素排除在普通流之外，脱离标准文档流。
元素将不再页面中占用空间
浮动元素依旧位于包含框内
浮动元素不会相互重叠
如果包含框太窄，其他浮动块自动向下移动，直到有足够的空间
如果浮动元素高度不同，那么当它们向下移动时可能被其他浮动元素“卡住”
如果浮动元素是行内元素，则浮动后它将具有块级元素的特征，可以使用width/height等样式属性
清除浮动clear:none/left/right/both
设置父容器overflow:hidden;
相对定位：
设置position:relative;
使用left/right/top/bottom决定相对定位元素的偏移量
原本所占的空间仍保留，其他元素不会受到影响
绝对定位：相对于祖辈元素中第一个被定位的元素（position:relative）或者body
设置position:absolute;
使用left/right/top/bottom决定偏移量
绝对定位会使元素从标准流中移除
z-index:堆叠顺序
值为数值：数值越大则顺序越高，即离用户越近
固定定位
设置position:fixed;
通过left/right/top/bottom控制元素位置
元素会被排除在标准流外，不占用空间
当用户向下滚动页面时，不会受到影响
显示display：元素在标准流中的定位方式
div/p/hn display:block;
span/a display:inline;
img display:inline-block;
display:none/block/inline/inline-block;
visibility:visible/hidden(元素不可见，但占空间)/collapse;
不透明度opacity:0~1 ie --- filter:opacity(alpha=0)
vertical-align:
使表格中一个单元格内容垂直居中方式
行内块元素能够设置和其他文字垂直对齐方式
列表样式：
项目样式list-style-type:none|disc/circle/square|decimal/lower-roman（小写罗马字符）/upper-roman(大写罗马字符)/
项目图片
list-style-image:url(....)
列表项位置
list-style-position:outside/inside
简写list-style:type url() position
list-style:square url(icon.jpg) inside
最常用的形式：list-style:none;
网友评论