CSS
lijiong521
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
块级元素和行内元素区别 以及行内块元素
块级元素的特点: (1)**宽度默认是容器的100%** (2)高度,行高、外边距以及内边距都可以控制。 (3)总是从新行开始 (4)可以容纳内联元素和其他块元素。 行内元素的特点: (1)** 默认宽度就是它本身内容的宽度。 ** (2)高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效。 (3)和相邻行内元素在一行上。 (4)行内元素只能容纳文本或则其他行内...转载 2019-11-17 10:51:28 · 241 阅读 · 0 评论 -
css定位中的百分比
----转载自自己在牛人部落中的相关文章--- 在前端css定位中经常面对的一个问题是,百分比定位究竟是针对于谁定位? 一、margin,padding的百分比 首先从css的设计意图说起,在浏览器默认的writing-mode: horizontal-tb;和direction: ltr;的情况下,因为CSS的基础需求是排版,而通常我们所见的横排文字,其水平宽度一定(仔细回想一下,...转载 2019-11-17 10:48:24 · 494 阅读 · 0 评论 -
图片居中显示的最简单方法
只需要给图片设置如下样式就可 img{ display:block; margin:0 auto; }原创 2019-10-30 16:50:06 · 960 阅读 · 0 评论 -
图片在不同分辨率下自适应宽度显示
img{ margin: 0 auto; display: block;max-width:100%;height:auto;} 对图片设置以上的CSS样式即可!原创 2019-08-16 11:08:20 · 2227 阅读 · 0 评论 -
为什么2个相邻div的margin只有1个生效?外边距合并
为什么2个相邻div的margin只有1个生效? 方法: .box1{margin:10px 0;} .box2{margin:20px 0;} <div class="box1">box1</div> <div class="box2">box2</div> 本例中box1的底部margin为10px,box2的顶部margin为20px,但表...转载 2019-08-16 11:12:48 · 976 阅读 · 0 评论
分享