×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

网站制作时CSS内容怎么排版?

文章编辑:网站建设 文章来源:建站行业资讯 浏览量:

  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>元素中的内容就是分栏显示的内容。
5.图文混合排版
  图像和文本是HTML页面中经常会同时出现的两个内容,处理图像和文本的排版也是CSS的功能之一。
6.不规则文字环绕
  CSS中的float属性可以影响周围元素的排列方式,使用这一特性,我们就可以制作出图像和文字不规则的环绕效果。
7.全图混排
  全图混排通常会应用于相册类的页面中,将很多张图像在一个页面内集中展示,在设置全图混排效果时,我们仍然需要用float这个属性。深圳网站制作公司本文关于“网站制作时CSS内容怎么排版?”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。

当前文章链接:/construction/jzhyzx/4196.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。