打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
CSS字体与段落属性
一、字体属性
1.字体font-family
语法:{font-family:name}
使用字体名称,按优先顺序排列,以逗号隔开,如果字体名称包含空格,则应使用引号括起。
P{
font-family:华文彩云,黑体,宋体
}
P{
font-family:?±Times NewRoman?±
}
2.字号font-size
{font-size: 数值 |xx-small | x-small | small | medium | large | x-large | xx-large |larger | smaller | length }
属性值含义
xx-small最小,绝对字体尺寸,根据对象字体进行调整
x-small较小,绝对字体尺寸,根据对象字体进行调整
small小,绝对字体尺寸,根据对象字体进行调整
medium正常,默认值,绝对字体尺寸,根据对象字体进行调整
large大,绝对字体尺寸,根据对象字体进行调整
x-large较大,绝对字体尺寸,根据对象字体进行调整
xx-large最大,绝对字体尺寸,根据对象字体进行调整
larger相对字体尺寸,相对于父对象中的字体尺寸进行相对增大,使用成比例的em单位计算
smaller相对字体尺寸,相对于父对象中的字体尺寸进行相对减小,使用成比例的em单位计算
length百分数或由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值基于父对象中字体的尺寸。
3.字体风格font-style
{font-style: normal | italic | oblique |inherit}
4.加粗字体font-weight
{font-weight: 100-900 | bold | bolder | lighter| normal }
5.小写字母转为大写字母font-variant
{font-variant: normal | small-caps |inherit}
6.字体复合属性font
可以一次性地使用多个属性的属性值定义文本字体。
{font: font-style font-variant font-weightfont-size font-family}
属性排列顺序如上,各属性属性值使用空格隔开。
font-sizefont-family必须按照固定的顺序出现,而且还必须都出现在font属性中,如果顺序不对,或缺少一个,那么,整条样式规则可能会被忽略。
7.字体颜色color
属性值含义
Color_name规定颜色值为颜色名称的颜色
Hex_number规定颜色值为十六进制值的颜色
Rgb_number规定颜色值为RGB代码的颜色
inherit规定应该从付原色继承颜色
Hsl_number规定颜色值为HSL代码的颜色
Hsla_number规定颜色值为HSLA代码的颜色
Rgba_number规定颜色值为RGBA代码的颜色
8.阴影文本text-shadow
{text-shadow: none | none | [,] * 或none | [,]*}
4 个属性值,最后两个是可选的,第一个值表示阴影的水平位移,可取正负值;第二个值表示阴影的垂直位移,可取正负值;第三个值表示阴影模糊半径,该值可选;第四个值表示阴影颜色值,该值可选。
属性值含义
指定颜色
由浮点数字和单位标识符组成的长度值,可为负值,指定阴影的水平延伸距离
由浮点数字和单位标识符组成的长度值,不可为负值,指定模糊效果的作用距离。如果仅需要模糊效果,将前两个length全部设定为0
二、段落属性
1.单词间隔word-spacing
{word-spacing: normal |length}
2.字符间隔letter-spacing
3.文字修饰text-decoration
{text-decoration : none | underline | blink |overline | line-through}
4.垂直对齐vertial-align
属性值含义
baseline默认值,元素放置在父元素的基线上
sub垂直对齐文本的下标
super垂直对齐文本的上标
top把元素的顶端与行中最高元素的顶端对齐
text-top把元素的顶端与父元素字体的顶端对齐
middle把此元素放置在父元素的中部
bottom把元素的顶端与行中最低元素的顶端对齐
text-bottom把元素的顶端与父元素字体的底端对齐
%使用“line-height”属性的百分比值来排列此元素,允许使用负值
水平对齐text-align
只能用于文本块,不能直接应用到图像标记<img>。如果要使图像同文本一样应用对齐方式,那么就必须将图像包含在文本块中。
属性值含义
start文本向行的开始边缘对齐
end文本向行的结束边缘对齐
left文本向行的左边缘对齐。在垂直方向的文本中,文本在left-to-right模式下向开始边缘对齐
right文本向行的右边缘对齐。在垂直方向的文本中,文本在left-to-right模式下向开始边缘对齐
center文本在行内居中对齐
justify文本根据text-justify的属性设置方法分散对齐。即两端对齐,均匀分布
match-parent继承父元素的对齐方式,但有个例外:继承的start或者end值是根据父元素的direction值进行计算的,因此计算的结果可能是left或者right
是单个字符,否则,就忽略此设置。按指定的字符进行对齐。此属性可以跟其他关键字同时使用,如果没有设置字符,则默认值是end方式
inherit继承父元素的对齐方式
5.文本缩进text-indent
text-indent:length
6.文本行高lint-height
用来设置行间距,即行高。
line-height: normal |length
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
<font> 标签
17-文本属性和字体属性
WEB前端第十课——CSS字体、文本、列表属性
CSS权威指南
微信小程序wxss设置样式
7.3 行高:line-height属性[2]——行高的计算与继承 ? 豆豆猫的窝[V6....
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服