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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 1,315评论 0 3
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 975评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1 92
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,064评论 1 4