连写的总结-1

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