发表于: 2018-10-01 23:01:10
1 753
注册了以来一直没有开始学习,这次趁着国庆放假想着让自己稍微入个门。
今天完成的事情:了解了一下盒子模型。
一个html结构是由各式各样的标签组成的,所有的标签大致能分成两类,一类是块级元素,再有一类是内联级元素。无论哪种元素都有自己的盒子属性。
盒子属性一共有四个,分别为content,padding,margin,border。
content是内容,块级元素和内联级元素的内容表现的是不一样的。块级元素即使内容不够也要占满一行;而内联级元素的宽高是根据内容大小来的,内容多则换行,内容少则不够一行。content可以被其他元素替换,如类似<img>标签,实际上就是吧内容替换成图片了。
padding是内边距,是界定边框和内容间的距离大小,有top,right,bottom,left四个方向。css3中有一个属性叫做box-sizing,在不同的属性值下padding有不一样的表现形式。
margin是外边距,是界定边框与其他元素外边距最外侧的距离大小,与padding有同样的四个方向。box-sizing不影响margin。
border是边框,有很多样式可供选择,也可设置大小。需要注意的是,border-width属性的值不支持百分比。
这就是盒子模型的一些主要内容。
明天计划的事情:了解一下流体布局,提交任务一。
这是css2的主要布局方式,通过浮动和定位完成布局。明天主要学习一下如何使用浮动。以及如何通过浮动完成九宫格的排列。
遇到的问题:一开始没什么头绪,不知道从何看起。后来在网上买了一些书籍,结合百度查到的一些资料,大概对我即将要学习的东西有一个简单的了解。
收获:盒子模型,基础中的基础,打好基础后面才能走得踏实。
最后,祝各位师兄师姐国庆节快乐!
评论