过渡,这节课学的是什么。都是一些概念的名字。压根不必要看。
我们专注于为文本样式的基础,包括设置字体、粗细、斜体、行还有字符间距、阴影以及文本的其他特征。我们将会通过在您的网页中应用自定义字体、样式化列表以及链接来圆满地结束本模块
CSS 中的文字样式涉及什么?
正如你已经在你使用 HTML 和 CSS 完成工作时所经历的一样,元素中的文本是布置在元素的内容框中。以内容区域的左上角作为起点 (或者是右上角,是在 RTL 语言的情况下),一直延续到行的结束部分。一旦达到行的尽头,它就会进到下一行,然后继续,再接着下一行,直到所有内容都放入了盒子中。文本内容表现地像一些内联元素,被布置到相邻的行上,除非到达了行的尽头,否则不会换行,或者你想强制地,手动地造成换行的话,你可以使用 `` 元素
这是他抽象归纳的结果。我其实可以不这样写。先介绍属性。在引发读者思考。归为两大类。一类是字体样式。
- 字体样式: 作用于字体的属性,会直接应用到文本中,比如使用哪种字体,字体的大小是怎样的,字体是粗体还是斜体,等等。
这样记属性就不会混淆。
- 文本布局风格: 作用于文本的间距以及其他布局功能的属性,比如,允许操纵行与字之间的空间,以及在内容框中,文本如何对齐
字体样式
1. 字体颜色属性
color属性
我可以自己扩展嘛。还有就是,参数的介绍。比如上次说的。可以用rgba
1.1 字体种类
font-family
楷体还是宋体什么的。
题外话,网页完全字体。你要知道,你的网页可是所有手机,电脑都要访问的。这就会涉及很多问题。
你要自己考虑清楚。这里可以讲一个故事,来提高自己的认知。就像李骏老师那样。
这就是备用字体嘛?当浏览器无法解析第一个参数。浏览器会逐个解析三个字体。直到能够正确解析
p {
font-family: "Trebuchet MS", Verdana, sans-serif;
}
1.2 字体样式
font-style 属性主要用于指定斜体文本
1.3 字体粗细
font-weight 属性指定字体的粗细:
1.4 字体变体
font-variant 属性指定是否以 small-caps 字体(小型大写字母)显示文本
1.5 字体大小
font-size 属性设置文本的大小.
继承性。如果根节点,html标签是22字体。那么所有其他标题都是22px
可以自己验证一下。
pxemremx%
1.6 文本转换
1.7 文本装饰
1.8 文本阴影
text-shadow :