学习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)。