颜色属性color
最好使用数字直接指定,否则用名字指定可能无效。注意不要使用旧式的<font color="red"></font>,因为现在的浏览器已经不支持这个了。
例
color: whilte;
color: #FFFFFF;
字体属性font
font-style: italic; /*normal, italic, oblique */
font-weight: bold; /*normal, bold */
font-size: 30px;
font-family: arial, sans-serif;
或
font: italic bold 30px arial, sans-serif;
边框属性border
border (border-width border-style border-color)
例
border:1px solid #999;
或
border-width:2px;
border-style:dotted;
border-color: #666;
背景background
例background-color: red;
background-image:url(../image/selected.jpg);
填充padding
所含内容 到 tag边框的距离:指定上下左右的填充空白的大小注意,当左右同时指定时,以左为准。例如一个单元格宽100,内容实际宽度为10,指定left=right=25,则实际效果是左侧有25px的padding,右侧
为100-25-20=55空白
padding: 40px 80px 20px 100px; /* 注意顺序为顺时针: 上 右 下 左 */
padding: 40px 80px; /* 上=下=40px, 左=右=80px*/
padding: 40px ; /* 上=下=左=右=40px */
边距margin
边框到container边框的距离:当一个table放在div里时,div就是container,此时若指定table的margin,即是指定table到div边框的空白margin: 40px 80px 20px 100px; /* 注意顺序为顺时针: 上 右 下 左 */
margin: 40px 80px; /* 上=下=40px, 左=右=80px*/
margin: 40px ; /* 上=下=左=右=40px */
margin: 40px auto; /* 上=下=40px, 左右自动分配(平分)*/
(IE6上无法用 auto实现平分)
宽度高度
width, height:
width: 400px;
width: 400%; /* 以百分比来定义不一定有效,要看是什么元素 */
对齐text-align, vertical-align:
应用于 <table> 和 <td>,指定其内内容的对齐方式。注意CSS中没有align属性。text-align:center; /* left, center, right */
vertical-align:middle; /* top, middle, bottom */