CSS
孺子牛丶
这个作者很懒,什么都没留下…
展开
-
CSS之border
border-width border-width是不支持百分比设置 border-width支持关键字:thin(1px)、medium(默认值,3px)、thick(5px) border-style border-style:solid ; 实线 border-style:dashed; 虚线(全部由小短线构成) border-style: dotted; 点线(全部...原创 2019-03-12 17:02:46 · 387 阅读 · 0 评论 -
CSS之padding
对于Block块级元素 padding值设置过大,一定会影响元素尺寸 width非auto,padding也会影响尺寸 width为auto或box-sizing为border-box,同时,padding值设置正常,则不影响元素尺寸 对于内联元素 水平padding影响尺寸,垂直padding不影响尺寸(但是会影响背景颜色) 效果: 应用: padding不支持任何形式的...原创 2019-03-12 22:17:49 · 257 阅读 · 0 评论 -
两个div并列显示的方式
1、flex定位 子元素等分父元素宽度 .parent{ display:flex; width:100%; height:300px; } .son1{ flex:1; } .son2{ flex:1 } 2、float定位 .div1,.div2 { float:left; width:50%; height:300p...原创 2019-08-12 13:46:33 · 2041 阅读 · 1 评论 -
定位
相对定位:relative 是元素在所处元素(直接父元素)中相对于自身的位置进行上、下、左、右的偏移,它原本所占用的空间仍保留 绝对定位:absolute 元素框从文档流完全删除,元素原先在正常文档流中占用的空间会关闭(元素框随页面滚动而滚动) 固定定位:fixed 元素框的表现类似于绝对定位,但其包含块是视窗本身(即页面滚动,采用固定定位的元素仍然在) ...原创 2019-09-05 11:51:51 · 110 阅读 · 0 评论 -
脱离文档流
所谓脱离文档流就是,将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当没看到它,两者可以重叠。 脱离文档流主要有:绝对定位和浮动脱离文档流两种 区别是:使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而使用绝对定位position:absolute脱离文档流的元素,其他盒子和盒子内的文本都会无视它。 详细请参考:链接 ...原创 2019-09-05 14:08:07 · 220 阅读 · 0 评论