zl程序教程

您现在的位置是:首页 >  前端

当前栏目

HTML图像标记和CSS入门(二)

HTMLCSS入门 图像 标记
2023-06-13 09:14:13 时间

3.CSS文本相关样式

3.1 font-size 字号大小 它的属性用于设置字号 相对长度 em px 最常用,推荐使用 3.2 font-family 字体 它的属性用于设置字体

p{font-size:"微软雅黑”}

可以同时指定多个字体,中间用逗号隔开 各种字体之间必须使用英文的逗号隔开 3.3 font-weight :字体粗细 字体加粗除了用 b 和 strong 标签之外,可以使用CSS 来实现,但是CSS 是没有语义的。 font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍)。 技巧: 数字 400 等价于 normal,而 700 等价于 bold。 但是我们更喜欢用数字来表示。 font-style:字体风格 字体倾斜除了用 i 和 em 标签之外,可以使用CSS 来实现,但是CSS 是没有语义的。 font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体,其可用属性值如下: normal:默认值,浏览器会显示标准的字体样式。 italic:浏览器会显示斜体的字体样式。 oblique:浏览器会显示倾斜的字体样式。 4.CSS文本外观属性 1.color 文本颜色 2.letter-spacing: 字体间距 属性为normal 或px em 允许负值 3…word-spacing:单词间距 中文字体无效 4.line-height:行间距 px em % 5.text-transform:文本转换 none 默认值 capitalize 首字母大写 uppercase 全部字符转换为大写 lowercase 全部字符转换为小写 6.text-decoration 文本装饰 none underline overline line-through删除线 7.text-align水平对齐方式 left right center 8.text-indent 首行缩进 建议使用em 9.white-space 空白符处理 normal pre 预格式化 nowrap空格空行无效

作品展示:

展示

思维导图为