CSS教程——第4期

大家好,我是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

动态分享

c4d在模型上挖洞,c4d怎么给模型挖个洞

2022-6-14 15:54:51

动态分享

一针给你看世界——电脑技能的电脑快捷键(WIN 2)

2022-6-14 17:27:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索