发表于: 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的主要布局方式,通过浮动和定位完成布局。明天主要学习一下如何使用浮动。以及如何通过浮动完成九宫格的排列。

遇到的问题:一开始没什么头绪,不知道从何看起。后来在网上买了一些书籍,结合百度查到的一些资料,大概对我即将要学习的东西有一个简单的了解。

收获:盒子模型,基础中的基础,打好基础后面才能走得踏实。

最后,祝各位师兄师姐国庆节快乐!


返回列表 返回列表
评论

    分享到