css格式化排版
2017-04-13 10:27
381 查看
1,文字排版--字体
语法:
body{font-family:"Microsoft Yahei";}
这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装了你设置的字体)
2,文字排版--字号、颜色
语法:
body{font-size:12px;color:#666}
3,文字排版--粗体
语法:
标签名{font-weight:bold;}
4,文字排版--斜体
语法:
标签名{font-style:italic;}
5,文字排版--下划线
语法:
标签名{text-decoration:underline;}
6,文字排版--删除线(也就是现价多少,把之前的价格上画上一条实线)
语法:
.(注意这有一个点)标签名{text-decoration:line-through;}
7,段落排版--缩进
语法:
标签名{text-indent:2em;}注意:2em的意思就是文字的2倍大小。
8,段落排版--行间距(行高)
语法:
标签名{line-height:2em;}
9,段落排版--中文字间距、字母间距
语法:
设置文字和字母间距时用标签名{letter-spacing:50px:}
设置单词间距时用标签名{word-spacing:50px;}
10,段落排版--对齐
语法:
标签名{text-align:center;}注意:还可以设置左对齐和右对齐,只需要把center改为left、right即可。
语法:
body{font-family:"Microsoft Yahei";}
这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装了你设置的字体)
2,文字排版--字号、颜色
语法:
body{font-size:12px;color:#666}
3,文字排版--粗体
语法:
标签名{font-weight:bold;}
4,文字排版--斜体
语法:
标签名{font-style:italic;}
5,文字排版--下划线
语法:
标签名{text-decoration:underline;}
6,文字排版--删除线(也就是现价多少,把之前的价格上画上一条实线)
语法:
.(注意这有一个点)标签名{text-decoration:line-through;}
7,段落排版--缩进
语法:
标签名{text-indent:2em;}注意:2em的意思就是文字的2倍大小。
8,段落排版--行间距(行高)
语法:
标签名{line-height:2em;}
9,段落排版--中文字间距、字母间距
语法:
设置文字和字母间距时用标签名{letter-spacing:50px:}
设置单词间距时用标签名{word-spacing:50px;}
10,段落排版--对齐
语法:
标签名{text-align:center;}注意:还可以设置左对齐和右对齐,只需要把center改为left、right即可。
相关文章推荐
- CSS——NO.5(格式化排版)
- Css格式化排版与布局
- [置顶] CSS格式化排版
- CSS格式化排版
- html学习第二天—— 第九、十章——CSS的继承、层叠和特殊性+CSS格式化排版
- HTML+CSS之CSS格式化排版 (7)
- CSS格式化排版(文字排版)
- CSS:样式、选择器、特性、格式化排版
- HTML5 CSS格式化排版
- 10-CSS格式化排版
- CSS格式化排版+常用缩写和值设置
- CSS格式化排版
- Web开发之CSS格式化排版
- CSS格式化排版---第六系列
- HTML+CSS之CSS格式化排版 (7)
- 第 5 章 CSS 格式化排版
- CSS格式化排版
- 了解HTML CSS格式化排版 文字排版
- CSS格式化之段落排版
- CSS格式化排版