发表于: 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。
明天计划的事情:了解自适应和响应式,并且还是回归任务,重新用更多方式更好的完成。
遇到的问题:
收获:多了解了一些以前不知道的知识。
评论