小垃圾的今日总结
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是一样的)