问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

在div+css样式布局中常用的页面布局有哪些

发布网友 发布时间:2022-04-21 21:52

我来回答

2个回答

懂视网 时间:2022-04-28 16:35

CSS中的知识非常多,我们不可能全都记得住。闲暇时整理了一些CSS页面布局的常用知识,这篇文章就和大家分享一下CSS文本样式的常用知识。需要的朋友可以参考一下,希望可以帮助到你。

1、字体类型

绝大多数用户系统默认支持的中文字体有宋体、黑体、幼圆、楷体;默认支持的英文字体有Arial、Arial Black、Arial Narrow、 Century Gothic 、Comic SansMS、Times New Roman等等。在使用中,宋体和Arial使用频率最高。

CSS提供font-family属性设置字体类型。

实例:p{font-family: 宋体;}

注意:若同时设置多个字体属性,则优先级是先后顺序。

2、字体大小

CSS提供font-size属性设置字体大小。

实例:p{font-size: 12px;}

相对大小

px, em, 10%, larger, smaller(后两个是相对于父元素)

绝对大小

pt, pc, in cm, mm

关键字

xx-small, x-small, small, large, x-large,xx-large

3、字体加粗

CSS提供font-weight属性设置字体加粗。

实例:p{font-weight: bold;}

数字: 100、200、…、900

关键字:bold, bolder, lighter, normal

4、文字颜色

CSS提供color属性设置文字颜色。

实例:p{color: red;}

颜色名称:red, green,……

RGB值: (255,255,255),…….

十六进制值:#ff0000,……

5、斜体

CSS提供font-style属性设置字斜体。属性值有normal, italic, oblique三种。

实例:p{font-style: italic;}

6、下划线、顶划线、删除线

CSS提供font-decoration属性设置下划线、顶划线、删除线。属性值有underline(下划线)、blink(闪烁文字)、overline(顶划线)、line-through(删除线)四种。

实例:p{font-decoration: underline;}

7、英文字母大小写

CSS提供font-transform属性设置英文字母大小写。属性值有none(无)、capitalize(首字母大写)、uppercase(全部大写)、lowercase(全部小写)四种。

实例:p{font-transform: none;}

8、文本的段落样式

水平对齐

CSS提供text-align属性设置水平对齐。属性值有left(左对齐)、right(右对齐)、center(居中)、justify(两端对齐)四种。

实例:p{text-align: left;}

垂直对齐

CSS提供writing-mode和layout-flow属性设置垂直对齐。

语法:writing-mode:lr-tb; (左右-上下)

writing-mode:tb-rl; (上下-右左)

layout-flow:horizontal; (水平排列)

layout-flow:vertical-ideographic; (垂直排列)

首行缩进

CSS提供text-indent属性设置首行缩进。属性值可以是像素值或者百分比。

实例:p{text-indent: 12px;}

行间距

CSS提供line-height属性设置行间距。属性值可以是长度值。

实例:p{line-height: 12px;}

字间距

CSS提供letter-spacing属性设置字间距。属性值可以是长度值。

实例:p{letter-spacing: 12px;} (字母间距)

p{word-spacing: 12px;} (单词间距)

热心网友 时间:2022-04-28 13:43

第一部分 两列式页面布局
一、两列定宽布局
二、两列自适应布局
三、单列定宽单列自适应布局
四、两列等高布局

第二部分 三列或多列布局
一、两列定宽中间自适应布局
二、三列自适应布局和三列等高布局
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
水笔在手上画画会不会被衣服搽掉下来 老人每天大便次数很多量不多也不稀,每天还会拉三四次水应经三个月了... 从大连飞机场怎么去大连经济开发区5彩城K区的大连金港大酒店 除了打 ... 请问从大连周水子国际机场到经济技术开发区怎么走最省钱? 中国古代名刀总录中国古代十大名刀 怎样把qq安装到iphone里面 苏科大什么梗 苏科大叫什么名字 lol苏科大是苏州科技大学的吗 lol苏州科技大学为什么这么厉害 优尔精医用降温贴是不是保健品? 如何快速提高div+css移动端网页布局 linux 怎么删除以-打头的用户名,userdel -r -< 用... 如何使用CSS实现这个网页布局 linux在home下可以看见用户名,为什么删不掉 前端开发应该知道的几个CSS网页表单布局技巧 linux系统的哪些默认账号可以删除掉的 如何才能提高CSS布局? 网页设计中CSS布局调试的十个有效的方法 如何自学DIV+CSS网页布局 在linux中,如何增加,修改,删除,暂停和冻结用户名 linux 怎么删除以-打头的用户名,userdel -r -<... 天天看电脑,眼睛干涩怎么办 经常玩游戏看电脑,眼睛很干涩该怎么办? 长期对电脑眼睛干干的有什么东西可以解决下嘛? 经常看电脑眼睛变的很干,怎么可以缓解 长时间看电脑眼睛干涩模糊不清 长时间看电脑眼睛干涩模糊不清 看电脑眼睛干涩怎么办? 看电脑眼睛干涩怎么办? 经常对着电脑眼睛干涩怎么办? CSS网页布局学习笔记的前言 如何用DIV+CSS进行网页样式布局 css网页布局好难,怎么才能学好? 请教DIV+CSS高手,这样的网页布局的DIV+CSS代码怎... 新手该怎么学习DIV+CSS网页标准布局 怎么进行div css网页布局知乎 DIV+CSS布局网页的教程 css有哪些页面布局 css和div布局到底怎么布局啊,需要经常使用哪些元素呢 网页的CSS布局 如何用html,css,div实现网页布局 新买的电脑显示器屏幕发黄是什么原因 电脑显示屏发黄是什么原因 电脑显示屏发黄什么原因 mac怎么将pdf转换成 电脑显示器变成黄色的了,怎么办? mac 怎样把pdf转化成jpg格式 电脑显示屏颜色变黄了怎么调整? 电脑显示器颜色发黄是怎么回事 ?有时候还能恢复正常. 怎么用mac把图片转换为pdf格式