自我学习总结

邓拾拾 2020-02-22 11:54:27

新的一周新的开始，对于没有基础刚开始学习前端的我来说是真的很难，一周的学习中从最基本的简单标签到列表边框样式再到CSS结构各种各样的选择符各种各样的属性一点不夸张的说真的是头大觉得基础扎实真的是非常重要，俗话说盖房子地基要稳地基不稳房子盖的在华丽也是要塌掉的。接下来就拿我们盒模型来说吧有的人会问什么是盒模型它的组成都有什么呢对于刚接触它的我来说真的是一脸蒙啊现在让我们一起来从新认识一下 “盒模型” 什么是盒模型：可以说它是CSS 布局的基石，它规定了网页元素如何显示以及元素之间的关系也可以说它是控制元素和元素之间或者元素和内容之间的位置关系，CSS 定义所有的元素都可以拥有像盒子一样的外形和平面空间里面包含我们的Content(内容区)padding(填充区)border(边框)margin(外边距)这就是盒模型。也可以这么理解就好比快递它里面会有我们的买的商品就是内容有一些易碎的还会放一些泡沫来填充泡沫所占的位置这就是填充区外围就是盒子。填充区属性：padding 它的属性值可以写px或者是%，注：必须是正值。外边距属性：margin margin：0 auto；实现标签水平居中的效果，margin：-5px; 它可以实现标签反方向的调整。注：它是可以写负值的单一方向的边距取值:margin-top（上边距）margin-right（右边距）margin-bottom（下边距）margin-left（左边距）遵循的是上右下左的，顺时针的方向的书写规范。单边框属性border：border-加上你要设置的方向例如左边框：border-left（左边框）它们的复合书写：4个值上右下左；3个值上左和右下；2个值上和下左和右。这个要注意！我们的边框线型例如：实线solid 点线dotted 虚线dashed 等等，重点一定要记住是怎么应用的现在我的基础还不牢固，还得多多练习努力学习超越从前的自己，逆战班加油！