第10章 为文本添加样式

《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1714次

设置字体系列

属性:font-family

值:font-name1, font-name2, …, font-namen

n>=1, font-name是字体名称,若浏览器无font-name1则使用font-name2,若无font-name2则使用font-name3,依次类推,若所有的都不存在使用默认字体。

继承的

设置斜体

属性:font-style

值:italic(常用)、oblique、 normal(取消斜体)

继承的

设置粗体

属性:font-weight

值:bold(一般粗,常用)、bolder(较粗)、lighter(较细)、normal(取消粗体)

继承的

设置字体大小

属性:font-size

值:em(使用父元素相对值,常用)、rem(使用根元素相对值)、%(使用百分比)、px(使用像素)、预定义关键字(略)

继承的

设置行高

属性:line-height

值:n(数值,无单位,常用)、em、%、px

继承的, 使用数值n继承其倍数,而其他的只会继承计算的结果

同时设置所有字体值

属性:font

值:字体类型

继承的

设置颜色

属性:color

值:颜色名、十六进制、rgb格式、rgba格式、hsl格式、hsla格式

可继承

设置文本背景颜色

属性:background-color

值:颜色名称、十六进制、rgb格式、rgba格式、hsl格式、hsla格式

设置背景图像

属性:background-image

值:url(图像的URL地址) 或 none(取消背景)

图像默认会在水平和竖直两个方向不断重复从而填充整个区域。

设置背景图像的重复方式

属性:background-repeat

值:repeat(水平和竖直重复, 默认值)、repeat-x(水平)、repeat-y(竖直重复)、no-repeat(不重复)

设置背景图像是否滚动

属性:background-attachment

值:fixed(固定)、scroll(滚动, 默认值)

设置背景图像的位置

属性:background-postion: x y

x值:left(左对齐)、center(居中)、right(右对齐)、px

x值:top(顶端对齐)、center(居中)、bottom(底端对齐)、px

默认为0 0, x、y值可以为负数

同时背景属性(推荐使用)

可以在一个属性中使用上面那些属性值(设置背景文本颜色到设置背景图像位置),多个之间空格隔开,顺序没有要求

设置单词间距

属性:word-spacing

值:em、px、normal(默认值)

继承的

设置字间距

属性:letter-spacing

值:em、px、normal(默认值)

继承的

设置缩进

属性:text-indent

值:em、px、%

某些元素不能使用此属性,但可以添加display:block或inline;强制使用

继承的, 使用em或%只会继承计算出来的值

设置文本对齐

属性:text-align

值:left(左对齐, 默认值)、right(右对齐)、center(居中)、justify(两端对齐)

继承的

设置文本大小写

属性:text-transform

值:capitalize(单词首字母大写)、uppercase(全大写)、lowercase(全小写)、none(取消设置)

继承的

设置小型大写字母

属性:font-variant

值:small-caps、none(取消设置)

继承的

文本装饰

属性:text-decoration

值:underline(下划线)、overline(上划线)、line-through(删除线)、none(取消设置)

常用于链接a标签, 可以使用此属性来取消a、ins、del的样式

继承的

设置空白格式

属性:white-space

值:pre(显示空格和换行)、nowrap(不断行)、normal(取消设置)

继承的

本文标签: HTML CSS

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://luoluolzb.cn/articles/11/chapter-10-style-text
您需要登录后才发布评论。 点此登录
用户评论 (0条)

暂无评论,赶紧发表一下你的看法吧。