CSS知识点2

一、文本相关样式：

        1、text-align文本水平对齐方式

                left 默认左对齐
                right 右对齐
                center 居中对齐
                justify 两端对齐

         2、text-decoration文本修饰

                none 默认 无修饰
                underline 下划线
                line-through 中划线 删除线
                overline 上划线

        3、text-transform英文字母大小写转换

                uppercase 全大写
                lowercase 全小写
                capitalize 首字母大写

        4、单行省略标记

                white-space: nowrap不换行
                overflow: hidden 内容溢出隐藏
                text-overflow: ellipsis 文本溢出显示省略标记

        5、text-indent文本首行缩进

                常用单位em

        6、letter-spacing字符间的距离

                字母和字母或汉字和汉字之间的距离

        7、word-spacing单词和单词之间的距离

        8、text-overflow 文本溢出处理

                clip 不显示省略标记

                ellipsis 显示省略标记

        9、overflow: visible; 默认 溢出部分可见

                hidde 溢出部分隐藏

                scroll 显示滚动条

                auto  浏览器自动处理

        10、内边距

                padding: 10px;  四周的内边距一样

                padding: 10px 20px; 上 ,下   左,右 内边距

                padding: 10px 20px 30px；  上  左右   下 内边距

                padding: 10px 20px 30px 40px；  上  右  下  左  内边距

        11、状态

                未访问状态a:link{ }

                访问后状态a:visited{ }

                鼠标悬停状态a:hover{ }

                激活状态a:active{ }

二、选择器:

         1、通配选择器     权重0.1
                *{
                        样式属性名: 属性值;
                }
                选择所有标签

        2、分组选择器
                选择器E,选择器F{
                    样式属性名: 属性值;
                }

三、盒子模型：

        1、标准盒模型    w3c标准盒
                盒子大小 = width + padding + border
                width,height  内容大小
        2、怪异盒模型    IE盒子
                盒子大小 = width
                width,height 盒子大小