css世界学习

一. 流、元素、基本尺寸

1.块级、内联

​ 内外盒子:根据外在盒子是内联仍是块级,咱们能够把元素分为内联元素和块级元素。布局

display:block后不要再设置width:100%,会破坏流的自动性。it

2. 百分比布局

(1)百分比高度值想要起做用:

​ 1. 父级必须有一个能够生效的高度值,auto值不行class

​ 2.给子元素设置绝对定位。import

(2)百分比值计算的差别:

​ 绝对定位的宽高百分比计算是至关于padding box计算的,非绝对定位的宽高百分比计算是至关于content box计算的object

3. max-width

​ max-width权重会覆盖width,且超越!important权重,但min-width会超越max-width的权重。im

4. 收起效果

​ 可以使用max-height+overflow:hidden实现,设置初始max-height为0,点击时max-height为足够高的高度便可。di

二. 盒尺寸

1. 替换元素

​ 根据是否具备可替换内容,能够把元素分为替换元素和非替换元素。默认适配方式为填充(object-fit: fill)ant

相关文章
相关标签/搜索