HTML5 CSS格式化排版

文字排版

  • 字体
    设置微软雅黑:
body{font-family:"Microsoft Yahei";}

或者

body{font-family:"微软雅黑";}

第二种比第一种兼容性会更好,在设置字体时,要使用常用字体,如果用户本地电脑未装你设置的字体,那么会显示默认字体

  • 字号、颜色
body{font-size:12px;color:#666}
  • 粗体
body{font-weight:bold;}
  • 斜体
body{font-style:italic;}
  • 下划线
body{text-decoration:underline;}
  • 删除线
body{text-decoration:line-through;}

段落排版

  • 缩进
p{text-indent:2em;}/*缩进两个文字*/
  • 行间距(行高)
p{line-height:1.5em;}/*设置段落行间距为1.5倍*/
  • 字间距
p{letter-spacing:50px;}/*字间距50像素*/
  • 对齐
    对块状元素中的文字图片设置对齐
    常用的块状元素:< div>、< p>、< h1>…< h6>、< ol>、< ul>、< dl>、< table>、< address>、< blockquote> 、< form>
h1{text-align:left;}/*可以设置left,center,right*/
<h1>沁园春·雪</h1>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值