1--fngt-size 等的连写
1-1属性名 font 复合属性
1-2取值
font:style weight size family;（倾斜；加粗；字号；字体，每个值之间用空格隔开）
一个属性，四个值
(将font当作一个属性，后面的style等作为值)
1-3省略要求
只能省略前两个，如果省略了相当于设置为默认
1-4注意点
如果需要同时设置。单独和连写。 形势
1-要么把单独的样式卸载连写的—下面
2-要么把单独的样式卸载连写的-==里面
1-5演示
2--background-position 连写
2-1属性名
background
2-2属性值
单个属性值的合写，取值之间以空格隔开
2-3书写顺序
推荐顺序： background:color image repeat position
2-4省略问题
1-可以按照需求省略
2-特殊情况：在pc端，如果盒子大小和背景图片一样大小，
此时可以直接写。 background:url()
2-5注意点
如果需要设置单独的样式和连写
1-把单独的样式卸载连写的下面
2-把单独的样式卸爱连写的里面
2-6演示
2-6-1
cs1类选择器赋予第一、二个div在浏览器显示，第一个没有显示背景，因为，背景是透明的；第二个显示给了图片，图片遮挡了背景色的显示；
2-6-2
连写两个、三个、四个属性都可以正常显示；
单词类的位置可以调换位置，效果不会有变化；
2-6-3背景图位置如果是像素单位，颠倒顺序后会发生什么
背景图位置如果是像素单位，颠倒顺序后， 1-不会报错 2-第一个是水平，第二个是垂直， 会重新按照像素单位数字显示；
总结，“background:”后面的取值，
1-没有顺序限制 ；
2-当水平和垂直是单词时，顺序可以颠倒，图片位置无变化 ；
3-当水平和垂直的单位是数字像素时候，位置会按照第一个是水平，第二个是垂直，按照顺序进行显示，如果颠倒顺序，盒子内图片位置会改变。
网友评论