css
文章平均质量分 88
菽粟吃栗子
这个作者很懒,什么都没留下…
展开
-
布局篇(一)各类元素居中显示
情况一:文字居中 用到属性:text-align和line-height HTML Link CSS .div1{ width:800px; height: 200px; background-color: cornflowerblue; text-align: center; line-height: 20原创 2015-08-03 23:00:06 · 454 阅读 · 0 评论 -
box-sizing
先来看一个场景:想让div1与div2并排放入最外面的盒模型中且两个div均占50%的宽度。 如果只给两个width设置50%则会出现如下情况: 这是为什么呢?假设最外面的盒模型width:400px,由于添加了border属性,此时div1和div2的宽度在原来50px基础上加上了两倍的border宽,div1+div2的 width=400px+4*border > 40原创 2015-11-15 17:04:18 · 487 阅读 · 0 评论 -
与border相关被遗漏的属性及图标制作
一开始看到上图时,以为只需设置下border-top-left-radius就可以了 .demo{ width:100px; height: 100px; border-top: 20px solid black; border-left: 20px solid black; border-top-left-radius: 20px;原创 2016-06-05 20:55:57 · 562 阅读 · 0 评论 -
由父子元素margin说开——外边距塌陷(margin-collapse)
布局时往往要遇到div嵌套显示效果,如下: 假设蓝色的为div1,黄色的为div2,为了实现上图所示布局,我的想法是为demo1设置margin:0px auto; demo2位置margin:30px,auto; 代码如下: body{ background-color: darkgray; } *{ margin:0px;原创 2015-08-03 14:36:19 · 7864 阅读 · 1 评论