css学习知识点小结

摘要：css盒模型：margin和padding的使用边框：border:1px solid #ccc;              border:none;    清除边框          border-radius:100px;   

1. css盒模型：margin和padding的使用

2. 边框：border:1px solid #ccc;    

             border:none;    清除边框

             border-radius:100px;

            box-shadow:3px 3px 3px #ccc;

3. css中的背景设置：background-color:#ccc;背景色

                                 background-image:url(images/logo.png);背景图

                                 background-repeat:no-repeat/repeat-x/repaet-y;图片重复

                                 background-position:center/right/left/50% 20%;背景色定位 /通过小div选取图标(字体库)所在的位置  

4. 块级元素和行内元素的互相转换： display:inline/block/inline-block/none;

   伪属性： .box:havor .main{display:block;}

5. css中的定位：position:relative;top:30px;left:50px; 相对定位

                         position:absolute;top:30px;left:50px; 绝对定位，要有父级定位基础。

6. css中的浮动：float:left;左浮动

                                float:right;右浮动

批改老师：天蓬老师批改时间：2018-12-12 22:27:27
老师总结：建议在以后的开发过程, 尽可能的将浮动只用于图文混排中, 布局采用流体或者绝对定位完成