CSS页面布局中文本样式的知识点有哪些-创新互联

小编给大家分享一下CSS页面布局中文本样式的知识点有哪些,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于企业网站设计,高端网页制作,对成都轻质隔墙板等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业成都网站营销优化,H5建站,响应式网站。

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;} (单词间距)

看完了这篇文章,相信你对“CSS页面布局中文本样式的知识点有哪些”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联网站制作公司行业资讯频道,感谢各位的阅读!


分享名称:CSS页面布局中文本样式的知识点有哪些-创新互联
转载源于:http://bzwzjz.com/article/eiiid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 上市集团网站建设 成都网站设计 重庆网站建设 成都网站建设 成都商城网站建设 企业网站建设公司 成都网站制作 外贸营销网站建设 网站设计 做网站设计 自适应网站设计 企业网站设计 响应式网站设计 营销型网站建设 企业网站建设 网站建设推广 成都网站建设 企业网站建设 网站制作 成都网站建设 成都网站建设