专题4：css语法

一、层叠规则

        内联 > head > 外部文件 > 浏览器默认

二、选择器

        基本：tag < [attribute] < .class < #id

        派生：

                    祖先    后代

                    父亲 > 孩子

                    哥哥 + 相邻兄弟

三、样式

         背景    background-color: 背景色

                     background-image: url(图片路径)

                     background-position: 纬度 经度

                     background-repeat: 重复方向

                     background-attachment: 是否固定

  

        文本     color: 颜色

                     text-align: 对齐方式

                     text-indent: 首行缩进

                     text-decoration: 文本装饰

                     text-transform: 大小写处理

                     letter-spacing: 字母间距

                     word-spacing: 单词间距

                     line-height: 行高

                     white-space: 如何处理空格、换行、tab

        字体     font-family: 字体系列

                     font-style: 字体风格

                     font-weight: 字体粗细

                     font-size: 字体大小

        块元素    border: 厚度 风格 颜色

                        padding: 内边距

                        margin: 外边距

       

        轮廓     outline: 厚度 风格 颜色

        表格     border-collapse: 合并表格边框

                     border-spacing: 单元格间距

                     table-layout: 表格布局方式

        列表     list-style-image: url(图片路径)

                     list-style-type: 符号类型

                     list-style-position: 符号的位置

四、伪类

        :link    :visited    :hover    :active 

        :focus    :fist-child    :lang

五、伪元素

        :before    :after    :first-line    :first-letter