CSS常用样式:
- width:30px; 宽度
width:30%; -->可用百分制表示
width:auto; 表示居中 - height:30px; 高度
- font-size:12px; 设置字体大小(一般默认16px)
- color:#666; 设置颜色(#f00:红、#fff:白、#ff0:黄、#0ff:青、#00f:蓝、#000:黑、#111:深灰、#999:浅灰、#f0f:品红、#0f0:绿)
- font-family:”黑体”; 设置字体
- text-indent:2em; 首行缩进两个字符
- line-height:30px; 行距
line-height:1.7em; 行距(1.7em=(字号*1.7)px) - background-color:#ccc; 背景颜色
- border:dashed 1px #00ffff; 段落边框:虚线 宽度 颜色
- border-bottom:1px #00ffff; 底部边框
- font-weight:bold; 加粗(normal正常、bolder比较粗、lighter比较细)
- font-size-adjust:0.56; 设置字体尺寸(14px)–>ie不可用
- font-stretch:wider; 字体拉伸
- font-style:italic; 字体倾斜
- text-decoration:underline; 下划线
- letter-spacing:10px; 字间距
- word-spacing:10px; 单词间距
- text-decoration:none; 删除下划线(默认) underline下划线、overline上划线、line-through删除线
- text-transform:capitalize; 首字母大写 none:默认
uppercase: 全部字符为大写 lowercase:全部字符为小写 - height:40px; 高
- background-image:url(tp.gif); 背景图片–>图片名不能为汉字,否则图片不显示
- padding:30px; 内边距
top right bottom left - margin:30px; 外边距
- float:left; 图片左浮动