html和css的零碎知识点

字体知识点

字体的颜色
设置字体颜色，使用color来设置字体的颜色
color：red
设置文字的大小，浏览器中一般默认的字体大小都是16px
font-size设置的并不是文字本身的大小
在页面中，每个文字都是处在一个看不见的框中的
我们设置的font-size实际上是设置格的高度，并不是字体的大小
一般情况下文字都要比这个格要小一下，也有时会比格大
根据字体的不同，显示的效果也不同
字体的字体
通过font-family可以指定文字的字体
当采用某种字体时，如果浏览器支持则使用该文字
如果不支持，则使用默认字体
该样式可以同时指定多个字体，多个字体之间使用 ， 分开
当采用多个字体时，浏览器会优先使用前边的字体
如果前边没有 ，再尝试下一个
注意：浏览器使用的字体默认是计算机中的字体
如果计算机有，则使用，如果没有则不用
字体的斜体形式
font-style：可以用来设置文字的斜体
italic， 文字会以斜体显示
oblique 文字会以倾斜的效果显示
一般我们只会使用italic
font-weight：可以用来设置文本的加粗效果
可选值：
normal 默认值 文字正常显示
bold 文字加粗显示
该样式也可以指定100~900之间的9个值
但是由于用户的计算机往往没有那么多级别的字体
也就是200有可能比100粗，也有可能一样
字体的大小
font-variant可以用来设置 小型字母大写
可选值：
normal 默认值 文字正常显示
small-caps 文本一小型大写字母显示
小型大写字母：
将所有的字母都以大写形式显示，但是小写字母的大写
要比大写字母的大小小一些
在css中还为我们提供了一种样式叫font
使用该样式可以同时设置字体相关的所有样式
可以将字体的样式的值，统一写在font样式中，不同的值之间使用空格隔开
使用font设置字体样式时， 斜体，加粗，大小字母，没有顺序要求，甚至可以不写，如果不写，则使用默认值
但是要求文字的大小和样式必须写，而且字体必须是最后一个样式
大小必须是倒数第二个样式
实际上使用简写属性也会有一个比较好的性能

长度和颜色单位

长度单位：
1.像素px
-像素是我们在网页中使用的最多的一个单位
一个像素就相当于我们屏幕中的一个小点
我们的屏幕实际就是有这些像素点构成的，
但是这些像素点，是不能直接看见
-不同显示器一个像素的大小也不相同
显示效果越好越清晰，像素就越小，反之，像素越大
百分比：
-也可以将单位设置成一个百分比的形式
这样浏览器就会根据其父元素的样式来计算该值
-使用百分比的好处是，当父元素的属性发生变化时
子元素也会按照比例发生变化
在我们创建一个自适应的项目时，经常会使用百分比作为单位
em
-em和百分比相似，它是相当于当前元素的字体大小来计算的
-1em=1font-size
-当使用em时，当字体大小发生变化时，em也会随之变化
当设置字体相关的样式时，经常会使用em
颜色单位
在css中可以直接使用颜色的单词来表示不同的颜色
所谓的RGB值可以表示不同的颜色
-所谓的RGB值指的是用过red，green，blue三原色
通过这三种颜色的不同的浓度，来表示出不同的颜色
例子：rgb（红色的浓度，绿色的浓度，蓝色的浓度）
颜色的浓度也可以采用一个0~255之间的值，255表示最大
0表示没有
浓度也可以采用一个百分数来设置，需要一个0%-100%之间的数字
使用百分数最终也会转化为0~255之间的数
0%表示0
100%表示100
也可以使用十六进制的rgb值来表示颜色
原理和上边rgb原理一样
只不过使用十六进制来代替，使用三组两位的十六进制数来表示一个颜色
每组表示一个颜色
语法：#红色绿色蓝色
十六进制
00-ff
00表示没有，相当于rgb中的0
ff表示最大，相当于rgb中的255