css文本样式
序号
中文说明
标记语法
1
字体样式
{font:font-style font-variant font-weight font-size font-family}
2
字体类型
{font-family:"字体1","字体2","字体3",...}
3
字体大小
{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}
4
字体风格
{font-style:inherit|italic|normal|oblique}
5
字体粗细
{font-weight:100-900|bold|bolder|lighter|normal;}
6
字体颜色
{color:数值;}
7
阴影颜色
{text-shadow:16位色值}
8
字体行高
{line-height:数值|inherit|normal;}
9
字 间 距
{letter-spacing:数值|inherit|normal}
10
单词间距
{word-spacing:数值|inherit|normal}
11
字体变形
{font-variant:inherit|normal|small-cps }
12
英文转换
{text-transform:inherit|none|capitalize|uppercase|lowercase}
13
?
{font-size-adjust:inherit|none}
14
?
{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}
1. 字体样式:font
语法:{font:font-style font-variant font-weight font-size font-family}
[ <字体风格> || <字体变形> || <字体加粗> ]? <字体大小> [ / <行高> ]? <字体类形>
作用:简写属性,提供了对字体所有属性进行设置的快捷方法。
注意:字体样式用作不同字体属性的略写,特别是行高。例如 P { font: italic bold 12pt/14pt Times, serif }指定该段为bold(粗体)和italic(斜体)Times或serif字体,12点大小,行高为14点。
例子:字体字体
2. 字体类形:font-family
语法:{font-family:字体1,字体2,字体3,...}
作用:调用客户端字体
说明:
·当指定多种字体时,用“,”分隔每种字体名称。
·当字体名称包含两个以上分开的单词时,用“”把该字体名称括起来。
·当样式规则外已经有“”时,用‘’代替“”。
注意:如果在font-family后加上多种字体的名称,浏览器会按字体名称的顺序逐一在用户的计算机里寻找已经安装的字体,一旦遇到与要求的相匹配的字体,就按这种字体显示网页内容,并停止搜索;如果不匹配就继续搜索,直到找到为止,万一样式表里的所有字体都没有安装的话,浏览器就会用自己默认的字体来替代显示网页的内容。
例子:{font-family:黑体,隶书;} 字体类型
3.字体大小:font-size
语法:{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}
作用:设定文字大小,参考取值单位
说明:使用比例关系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
例子:{font-size:18pt;} 字体大小
4. 字体风格:font-style
语法:{font-style:inherit|italic|normal|oblique}
作用:使文本显示为扁斜体或斜体等表示强调
说明:
·inherit 继承
·italic 斜体
·normal 正常
·oblique 偏斜体
5.字体粗细:font-weight
语法:{font-weight:100-900|bold|bolder|lighter|normal;}
作用:设定文字的粗细
说明:
·bold 粗体(相当于数值700 )
·bolder 特粗体
·lighter 细体
·normal 正常体(相当于数值400)
注意:取值范围从数字100~900,浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。
6. 字体颜色:color
语法:{color: 数值}
作用:字体颜色
说明:颜色参数取值范围
·以RGB值表示
·以16进制(hex)的色彩值表示
·以默认颜色的英文名称表示
注意:以默认颜色的英文名称表示无疑是最为方便的,但由于预定义的颜色种类太少,所以更多的网页设计者喜欢用RGB的方式。RGB方式的好处很多,不但可以用数字的形式精确地表示颜色,而且也是很多图像制作软件(如Photoshop)里默认使用的规范,这样一来就为图片和网页更好地结合打下了坚实的基础。
7. 文字阴影颜色:text-shadow
语法:{text-shadow:16位色值}
说明:好像不起作用?
例子:中国中国
8. 字体行高
语法:{line-height:数值|inherit|normal}
作用:行与行之间的距离
说明:取值范围
·不带单位的数字:以1为基数,相当于比例关系的100%
·带长度单位的数字:以具体的单位为准
·比例关系
注意:行距是指上下两行基准线之间的垂直距离。一般地说,英文五线格练习本,从上往下数的第三条横线就是计算机所认为的该行的基准线。如果文字字体很大,而行距相对较小的话,可能会发生上下两行文字互相重叠的现象。
9. 字 间 距:letter-spacing
语法:{letter-spacing:数值|inherit|normal}
作用:控制文本元素字母间的间距,所设置的距离适用于整个元素。
注意:数值 - 设置字间距长度,正值表示加进父元素中继承的正常长度,负值则減去正常长度。在数字后指定度量单位:ex(小写字母x的高度), em(大写字母M的宽度)。
例子: 中国china 中国china
10. 单词间距:word-spacing
语法:{word-spacing:数值|inherit|normal}
说明:单词间距指的是英文每个单词之间的距离,不包括中文文字。间隔距离的取值:points、em、pixes、in、cm、mm、pc、ex、normal等。
11. 字体变形:font-variant
语法:{font-variant:inherit|normal|small-cps
作用:用于正常和小型大写字母间切换(比正常大写字母略小)
说明:small-caps 小型大写字母
7. 字母大小写转换:text-transform
语法:{text-transform:inherit|none|capitalize|uppercase|lowercase}
作用:设置一个或几个字母的大小写标准。
说明:
·none 不改变文本的大写小写。
·capitalize 元素中毎个单词的第一个字母用大写。
·uppercase 将所有文本设置为大写。
·lowercase 将所有文本设置为小写。
例子:china abcd china abcd
13. font-size-adjust
语法:{font-size-adjust:inherit|none}
作用:不详
14. font-stretch
语法:{font-stretch:condensed | expanded | extra-condensed | extra-expanded | inherit | narrower | normal |
semi-condensed | semi-expanded | ultra-condensed | ultra-expanded | wider}
作用:不详
更详细的可以到这里查看: https://www.jb51.net/w3school/css/pr_font_font.htm
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]