2018-07-15

小垃圾的今日总结

1.about"块元素，行内元素，行内块"

今天才看到之前师父问的"块元素，行内元素，行内块"，这里的行内元素又可以称为“内联元素”，自然而然行内块又称为“内联块”。如师父所说，行内元素CSS属性设置为"inline";块元素为"inline",自然行内块为"inline-block"。

行内元素转换为块元素直接用"display"即可。eg:a{display:block;}

同理，别的转换相同。（注：这里的转换一定是在style里进行实现）

2.关于盒子模型

盒子模型如视频所说，是一个月饼盒里的月饼。自我感觉打入的文本内容就像未包装的礼物，而盒子边框之类的就是给礼物进行包装。所以如果问“礼物”实际大小，就是礼物加上外包装。

上右下左之于“top，right，bottom，left”(之前傻得一匹总是记得“下”是end)

关于(外边距)代码简写,写的时候因为是上右下左，所以

①如果上下左右的值相等则为

margin:10px;

②如果上下相等，左右相等，则为

比如：margin:10px 20px 10px 20px;

margin:10px 20px;

③如果左和右相等，则为

margin:10px 20px 30px 20px;

margin:10px 20px 30px;

其实③有一丝不理解，如果说②为循环，第一次轮的是上右，第二轮为下左，那么值和之前是相等的。但是③这样就说不通，应死记。（padding和border是一样的）