HTML页面布局和排版是CSS的主要功能。虽然HTML标签都有默认的样式，但是为了丰富页面的内容，网站制作公司仍需要使用CSS重新设置页面的样式。
1.设置字体
CSS字体属性用于定义文本的字体系列、大小、加粗、风格和变形。CSS中设置了两种类型的字体系列名称，一种是拥有相似外观的字体系列组合，称为通用字体系列，总共有5种，包括Serif字体、Sans-serif字体、Monospace字体、Cursive字体和Fantasy字体；另一种是具体的字体系列，称为特定字体系列，如Times或Courier。
2.文字排版
文本是HTML页面中的主要内容，CSS中使用font属性设置文本的样式。font是一系列关于语法和如何使用CSS调整文字的概述。
3.通栏排版
通栏排版是文字排版中常见的一种排版形式，主要应用于新闻、法律以及文字为主的对象。通栏排版经常使用<p>标签、<h1>到<h6>标签、<span>标签等。将文字作为这些标签的内容，然后再对段落文字应用间距、行距、字号等样式控制。
4.分栏排版
分栏排版是指将文字内容排列成两栏或多栏进行显示，常见于报纸的排版形式。在HTML中常用<div>元素来表示某一个区域，如果要分两栏排版，可以使用两个并排显示的<div>元素表示两个分栏，每个<div>元素中的内容就是分栏显示的内容。
分栏排版是指将文字内容排列成两栏或多栏进行显示，常见于报纸的排版形式。在HTML中常用<div>元素来表示某一个区域，如果要分两栏排版，可以使用两个并排显示的<div>元素表示两个分栏，每个<div>元素中的内容就是分栏显示的内容。
5.图文混合排版
图像和文本是HTML页面中经常会同时出现的两个内容，处理图像和文本的排版也是CSS的功能之一。
6.不规则文字环绕
CSS中的float属性可以影响周围元素的排列方式，使用这一特性，我们就可以制作出图像和文字不规则的环绕效果。
7.全图混排
全图混排通常会应用于相册类的页面中，将很多张图像在一个页面内集中展示，在设置全图混排效果时，我们仍然需要用float这个属性。深圳网站制作公司本文关于“网站制作时CSS内容怎么排版？”的知识就介绍分享到这里，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/jzhyzx/4196.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
