前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML图像标记和CSS入门(二)

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

作者头像
默默的成长
发布2022-10-29 16:17:12
1.5K0
发布2022-10-29 16:17:12
举报
文章被收录于专栏:前端记录笔记前端记录笔记

3.CSS文本相关样式

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

代码语言:javascript
复制
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空格空行无效

作品展示:

代码
代码

展示

在这里插入图片描述
在这里插入图片描述

思维导图为

在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-10-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 3.CSS文本相关样式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档