html常用标签属性第一节

发布时间:2019-01-16 10:02:07

一、文本设置

1、font-family 字体类型

font-family : 字体1,字体2,字体3,…

可以同时为页面设置多个字体,当浏览器找不到第一个字体时会寻找第二个字体,依次进行,直到找到可用的字体。

2、font-size   字号

font-size: px | em |rem| 百分数

rem

1em = 16px----响应式布局

3、font-style   字体风格

定义字体的风格,属性设置使用斜体、倾斜或正常字体。

4、font-weight   字体粗细5、color文本颜色

颜色可以是一个名称标示的关键字,如 color : red;

也可以是一个RGB数字,如color : #ffffff;

6、text-decoration   文本修饰

text-decoration: none | underline | overline | line-through 

none: 无文本修饰(浏览器默认初始值)

underline : 表示有下划线

line-through : 表示有贯穿线/删除线

overline : 表示有上划线

a标签去掉下划线

7、line - height    文本行距

line-height: normal | length px;

可以是像素值或百分比,允许为负值。设置数值越大,文本段落中间的行距越大

主要用于文本垂直居中

8、text - indent    文本缩进

text-indent: length;

常用单位是 px 或者是 em

9、text-align    文本水平对齐

10、word-spacing    字词间隔

word-spacing: normal | length; 

length : 接受一个正长度值或负长度值。如果提供一个正长度值,那么字词之间的间隔就会增加,(你的确定让游览器识别你的字词,一段完整没有标点符号的句子,就认为是一个字词。)0设置一个负值,会把它拉近。

英文字词间隔

11、letter - spacing    字符间隔

letter-spacing: normal | length; 

length : 接受一个正长度值或负长度值。如果提供一个正长度值,那么字符之间的间隔就会增加,(如果是汉字的话,就会增加每个汉字的间隔)。设置一个负值,会把它拉近。

远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。


【相关推荐】