- 文字排版
字体:body{font-family:"Microsoft Yahei";}
字号和颜色:body{font-size:20px;color:red;}
字体排版:p span{font-weight:bold;}//设置为粗体
p a{font-style:italic;}//斜体
p a{text-decoration:underline;}//下划线
.oldPrice{text-decoration:line-through;}//删除线
- 段落排版
缩进:p{text-indent:2em;}//段前空两个字的空白,2em的意思就是文字的2倍大小
行间距:p{line-height:2em;}//行高为2cm
文字间隔或者字母间隔:p{ letter-spacing:50px;}
单词间距设置:p{word-spacing:50px;}块状元素中的文本、图片设置对齐;
居中样式:div{ text-align:center;} 左对齐:div{ text-align:left;} 右对齐:div{ text-align:right;}- 颜色值缩写
颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半。
例:p{color: #336699;}可以缩写为:p{color: #369;}
- 字体缩写
body{
font-style:italic; font-variant:small-caps; //针对小写英文字母,意思为小型大写,大小跟小写字母一样,样式是大写。 font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句: body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif;} 注意: 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用: body{ font:12px/1.5em "宋体",sans-serif;} 只是有字号、行间距、中文字体、英文字体设置。在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种: