第四次网页前端学习笔记（CSS-2）

盒子模型

              
一、border 边框：

       1.1、设置边框的颜色、样式、宽度

                       border：颜色 样式 宽度
                       例：border：red soild 1px

       1.2、 单独设置边框的宽度、颜色、样式

                        border-width
                        border-style
                        border-color
                        border-collapse

       1.3、设置是否将表格边框折叠为单一边框

                        属性值：separate（默认，单元格边框独立）、collapse（单元格边框独立）
                        

二、padding 内边距  

                    设置元素所有内边距的宽度，或者设置各边上内边距的宽度
                    单独设置各边的内边距：padding-top、padding-left、padding-right、padding-bottom
                    默认按照上右下左的顺序设定

      注意：

                设置一个值：上下左右都一致
                设置两个值：上下一致，左右一致
                设置三个值：上下右，左和右一致
                

三、margin 外边距    

                    设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度
                    
              

CSS的常用属性

                /*字体颜色*/
                color:#0000FF

                /*对齐方式 left center right justify（两端对齐）*/
                text-align:left

                /*文本修饰*/
                text-decoration:line-through overline underline

                /*首行缩进*/
                text-indent:2em;

                /*去除文本效果*/
                text-decoration：none；

                /*display属性 none隐藏元素 block显示元素*/
                dispiay:none;