css
文章平均质量分 93
leafqi
一名前端工程师,个人网站:https://www.leafqi.com。文章解惑QQ1141058001 || 学习交流 i@leafqi.com
展开
-
css负边距
本片博客学习segmentfault这篇文章后,实践理论后所写,偏向实践图文验证,部分好的概念性东西,直接引用。我们在写css的时候,可能往往忽略了如果css设置负边距的情景,他们是完全有效的CSS负边距不是在hack,这是尤其正确的。正是因为没有很好地了解负边距才是导致各种奇怪的问题。只有在被用来解决其他地方的bug的时候才是hack它符合正常的文档流它是相当好的兼容性,负边距基本上被所有原创 2015-11-27 16:24:42 · 520 阅读 · 0 评论 -
圣杯布局、双飞翼布局
先看看效果图,更直观去理解这种布局这种布局就是三列布局(中间自适应,两侧固定宽度),所谓的圣杯布局和双飞翼布局,就是实现这种布局的不同方法。这种布局的优点是:中间main区域先渲染,然后在渲染left,最后是right,这样更符合开发中,重要的内容先渲染,次要的内容放在两侧,后渲染。双飞翼布局html <div class="container"> <div class="原创 2015-11-27 16:52:20 · 866 阅读 · 0 评论 -
border属性黑科技(已被玩坏)
我们经常给一个都是这样使用border的,border: 1px solid red;这次我们来看看不同的情况 <div class="cDiv1"></div> <div class="cDiv2"></div> <div class="cDiv3"></div> <div class="cDiv4"></div> div{ width: 100原创 2015-12-02 22:10:49 · 474 阅读 · 0 评论 -
min-height和min-width的用法总结
给大美女讲解min-width,发现属性不是想的那样,装逼失败(ಥ_ಥ)已哭瞎, max-height,max-height这里我就不做探讨了,相信聪明的你如果理解了min-height,min-width,其他大家自会理解….1.min-heigh用法:设置一块区域的最小高度,额,似乎听起来有点晕,举个例子吧, <div class="test"> 我是一只小青蛙我是一只小原创 2015-12-04 20:13:28 · 27204 阅读 · 4 评论 -
background属性用法总结
background用于在一个背景中设置背景属性,像css其他属性一样,有两种表示方法简写形式,如border:1px solid #ccc;具体形式,如border-width:10px;1、简写形式位置含义解释:位置①:设置背景颜色(不设置则背景为透明)位置②:设置背景图片(url)位置③:设置背景平铺方式,不设置该属性,默认为repeat,背景图像将在垂直方向和水平方向重复。可能的原创 2015-10-22 15:33:19 · 8048 阅读 · 2 评论 -
css实现水平垂直居中(总结)
问题: 有父元素div[#parent],有子元素div[#child],用css实现子元素在父元素中”水平垂直居中”<div id="parent"> <div id="child"></div></div>效果描述:方案实现:方案1#parent{ width: 220px; height: 220px; background-color: #B94D55原创 2016-03-11 20:31:38 · 831 阅读 · 0 评论