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-当水平和垂直的单位是数字像素时候,位置会按照第一个是水平,第二个是垂直,按照顺序进行显示,如果颠倒顺序,盒子内图片位置会改变。