请问有什么需要修改的地方吗 font-style和text-decoration老是会记反 请问underline为什么不能算font-style中的呢

请问有什么需要修改的地方吗 font-style和text-decoration老是会记反 请问underline为什么不能算font-style中的呢

  • 文本与字体属性

    • color:设置文本内容的颜色

      • 1 英语单词(一般不用)

      • 2 十六进制(通用)

        • 写法:color: #ff0000

        • 意义: (rgb原则) 前两个ff表示红色为255(最多) 中间两个0表示绿色没有 最后两个0表示蓝色没有 每种颜色分量都是0到255中间

        • tip:如果颜色值为#aabbcc形式 可以简写成#abc

      • 3 rgb(0,255,0)

      • rgba(0,255,0,0.4)

        • 最后一个a表示透明度 (0纯透明 1纯实心)

    • font:字体

      • 属性

        • 1 font-size:设置字号 16px 浏览器最小10px字号

        • 2 font-weight:设置字体粗细程度

          • nomal (正常粗细 与400等值)

          • bold (加粗 与700等值)

        • 3 font-style:字体的倾斜

          • normal (取消倾斜)

          • italic (设置为倾斜字体)

          • oblique (设置为倾斜字体 不常用)

        • 4 text-decoration:设置文本的修饰线外观

          • none(没有修饰线)

          • underline(下划线)

          • line-through(删除线)

        • 5 font-family:用于设置字体

          • 常见:font-family: "微软雅黑"

          • 规则:一般英文字体放前面 后面的字体是前面字体的“后备”字体 font-family: serif, "Times New Roman", "微软雅黑" 名称中有空格和中文需要用引号包裹

          • 写法:

            • 1 font-family: serif,"微软雅黑";(行内式)

            • 2 "font-family: serif, '微软雅黑' "(内联式)

            • 一个双引号 一个单引号 注意区别

    • 段落和行相关属性

      • text-indent:定义首行文本内容之间的缩进量

        • text-indent: 2em;

      • line-height: 用于定义行高

        • line-height: 30px;

        • line-height: 1.5;(字号的倍数 最推荐)

        • line-height: 1.5em

        • line-height: 150%

        • 小tips

          • 1 行高=盒子高度时 可实现单行文本垂直居中

          • 2 连写完以后会会自带默认行高 如果没写一起的话需要写在它的下面 不然会被覆盖

      • text-align: center (实现文本水平居中)

      • font属性的合写

        • font-style font-weight font-size line-height font-family属性合写

        • 写法:font: italic bold 20px/1.5 Arial, "微软雅黑";

        • 最少:font: 字号(size) 字体(family)

        • 写法 font:20px/1.5 Arial, "微软雅黑";

    • 继承性

      • 适用类型:文本相关属性

        • color

        • font开头

        • text开头

        • line开头

        • list开头

      • 判断属性

        • 1 就近原则:先看哪个离得最近 权重失效

        • 2 (当距离一样时) 算权重

      • 注意超级链接a:它自带下划线和color属性 所以根据就近原则 写在上一级无效 需直接改a{}


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小李 2022-06-05 10:47:15

同学你好,总结的很详细了很棒,对于underline的设置w3c规定的text-decoration中的值哦,所以它只能在text-decoration中设置。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师