发表于: 2019-05-05 18:27:36

1 674


今天完成的事情:重新温故基础知识

                                         1,重温CSS元素类型:有块级元素、行内元素和行内块元素。 块级元素独占/另起一行,可设置宽高。行内元素不换行,不可设定宽高。行内块元素同时具备两者的特性,《img》<input>属于行内块元素。 displasy:block显示为块级元素,displasy:inline显示为行内/内联元素,displasy:inline-block显示为行内块元素。

                      2,CSS有权重优先级:按照行内>id>class>标签>通配符的排序来依次表现。

                      3,盒子模型分两种:标准盒子模型(content-box)和诡异盒子模型(border-box)。两者的区别是,标准盒子模型会向外扩张,诡异盒子模型向内收缩。

                      4,在使用盒子模型margin元素时,有时候会出现合并问题。两个盒子模型上面一个下外边距100大于下面那个盒子的上外边距50时,两者的外边距之和不等于150,而是只有100,上外边距被更大的下外边距给合并了。 解决方法是:使用padding,或者设置浮动或定位,以及改变盒子模型displasy:inline-block。


明天计划的事情:了解自适应和响应式,并且还是回归任务,重新用更多方式更好的完成。


遇到的问题:


收获:多了解了一些以前不知道的知识。


返回列表 返回列表
评论

    分享到