大家好,我是wawjf。
很多人会问为什么我们之前不更新了,因为我们现在正在做一个比较大型的新游戏,所以比较少时间能更新公众号还请见谅哈~
今天我们继续来讲一讲文章样式。
font-weight | |
font-style |
其实选择器还有很多,但是非常非常复杂,也没有什么实际用处,我就写在这里了,想知道的可以去查一查:
-
属性选择器
-
结构伪类选择器
-
否定伪类选择器
-
状态伪类选择器
-
目标伪类选择器
-
动态伪类选择器
-
伪对象选择器
怎么样,是不是很多呢
如果想要教程,可以去网上查找或者我们会专门出几期来介绍他们。
好了,我们直接进入正题
1. font-weight
记得我们的font家族吗?学过的有font-size,font-family,今天我们来讲讲font-weight。
font-weight用来定义字体粗细,用法如下:
normal | 默认值(400) |
bold | 粗体(700) |
bolder | 较粗 |
lighter | 较细 |
100~900 | 粗细级别,值越大越粗(别想歪) |
这表示font-weight后的属性。
(别问为什么没有效果,看下面)
2. font-style
font-style用于定义字体倾斜效果,用法如下:
normal | 默认值(不倾斜) |
italic | 斜体 |
oblique | 倾斜的字体(没用的东西…) |
注意:italic和oblique只对西方文字起效果,中文请用标签<i>。
别看了,我们换了一个好用的编辑器
还有,</html>没有不见,他只是跑到下面了,截图不到
3. text-decoration
text-decoration,顾名思义,就是文字的装饰,有闪烁,上划线,贯穿线等等,下面就是属性表:
none | 默认值,无效果 |
underline |
下划线效果 |
bilnk |
闪烁效果 |
overline | 上划线效果 |
line-through | 贯穿线效果 |
有一个不幸的消息,blink属性大部分的浏览器都不支持,IE,360,ME,甚至Chrome都不行。。。
作者:
Алексей
四五帮帮主,四五dark♂帝国元首(划掉)
喜欢HTML/CSS/JS
07年出生,福建福州人,未来的程序员
素描八级,但是还是要请美工
本来想做小程序,结果开了个公众号天天在那边写稿
wawjf
(我爱微积分)
与楼上同班同学,都是很hj的人(是的
往期内容(HTML):
面向05后的HTML教程——第一期
一部分和文本有关的标签
面向05后的HTML教程——第二期
面向05后的HTML教程——第三期
第二期实战题目答案
面向05后的HTML教程——第四期
面向05后的HTML教程——第五期
面向05后的HTML教程——第六期
面向05后的HTML教程——第七期
面向05后的HTML教程——第八期
面向05后的HTML教程——第九期
面向05后的HTML教程——第10期
面向05后的HTML教程——第11期
面向05后的HTML教程——第12期
往期内容(CSS):
一部分实用的css样式
关于CSS的部分课程——div期
关于CSS的部分课程——position期
某CSS的教程——border期
某CSS的教程——element期(第二期)
CSS教程——第3期
往期内容(JS):
45的JS教程——第一期
每期一题:
每期一题——000001
每期一题——000001解答
每期一题——000002
每期一题——000002解答
每期一题——000003
每期一题——000003解答
每期一题——000004
每期一题——000004解答
每期一题——000005