CSS单一/复合属性规则

属性分类:

          书写位置:标签属性,CSS属性

           标签属性:放在标签开始位置,属性属性值使用等号链接

           CSS属性:放在我们的CSS基本语法中,属性和属性值使用冒号链接

CSS属性修饰的时候,

        单一属性

            这个属性,只能实现一种样式,font-size,font-family,color,background-color

                一个属性,只能修饰实现一种样式,这种属性被称之为单一属性

         复合属性

                     一个属性,能实现多种样式修饰,这种属性被称之为复合属性

                     文本的修饰线,text-decoration

      1) 文本属性

             复合属性

                font:font-weight font-style font-size/line-height font-family;

                注意事项:

                    1)复合属性里面必须得跟:字体大小,字体

                     2)字体大小和字体,必须位于符合属性取值最后面,并且不能交换位置

                     3)加粗,倾斜,可以不带他们两个可以交换顺序,不能跟字体大小和字体交换位置

                       我个人建议,如果是你自己做东西,不推荐你使用符合属性

      2)背景属性

                复合属性:

                         background:color image repeat position/size attachment

                 注意事项:

                     1)复合属性后面可以跟一个值,也可以跟多个值,如果你跟一个值就意味着你其他的值为空,多个值可以交换顺序

                     2)位置和大小,不能交换顺序,也不能单独调整顺序; /前面代表的位置, /后面代表的大小

                        如果你不调整位置,只调整大小,也得跟位置,位置可以设置成0px 0px

                        如果你不调整大小,只调整位置,/及后面的大小可以不带

3)列表属性

                    只对我们的额有序和无序列表来修饰

                    实际开发的时候我们通常情况下只对无序列表修饰

                    <ul type="disc/circle/square/none">

                        <li></li>

                        <li></li>

                        <li></li>

                      </ul>

        列表的单一属性

            1)修改列表项的样式类型

                  list-style-type:disc/circle/square/none

            2)修改列表项的图片

                 list-style-image:url()

                实际开发的时候,几乎不用列表图片,原因,图片大小,位置不好调整

            3)修改列表项的位置(内外)

                  list-style-position:inside/outside

            列表的复合属性

                list-style:type image position

                取值之间使用空格隔开,可以调整位置; 复合属性可以跟一个值也可以跟多个值;

                  但是:实际开发的时候我们只会使用一行代码

                   list-style:none; 取消默认列表项的修饰

                   ul,ol,li{list-style:none}

注意事项:列表属性,放在ul上面能实现,放在li上面也能实现,体现了这个属性具有继承性