学习CSS的第三天。

                                                  学习CSS的第三天。

  昨天才是学习css的第三天,但是昨天放假了,所以我出去玩然后鸽了,今天补上哈哈哈。

昨天主要学习了盒子模型,学习了padding(设置内边距,即边框与内容之间的距离)、border(设置元素的边框)、margin(设置外边距,即控制盒子和盒子之间的距离)。

   首先是padding(设置内边距,内容与盒子的边距),它的语法书写方式是padding-top  ; padding-bottom  ;padding-left  ; padding-right  ;它的简写属性padding:10px 20px 30px 40px padding会影响盒子的实际大小,如果想保证盒子的小不会变化就需要减少width/height减去多出来的内边距的大小。如果不指定盒子的width/height属性就不会撑开盒子。

接着是margin(外边距,控制盒子与盒子的距离)它的语法书写方式是 margin-top:(-right、-bottom、-left)  ; 还有一个特殊的兄弟auto(让块级盒子水平居中)

border(设置元素边框)粗细使用width,样式使用style(none、solid、dashed、dotted),颜色使用color,绘制表格边框使用collapse。边框会影响盒子的大小,做完边框记得量一量然后在原图减去增加的大小嗷(px)。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。