CSS专题
fengyinchao
这个作者很懒,什么都没留下…
展开
-
CSS专题之浮动
一提到浮动,可能大家都懂,但是你有没有一种感觉,在自己独立进行布局时,有时候总感觉哪里不对劲,又不知道到底是哪儿不对劲,其实很多时候就是浮动并没有完全搞清楚,希望这篇文章能助你理清浮动的知识原创 2015-10-31 20:26:10 · 461 阅读 · 0 评论 -
CSS专题之动画
CSS动画详解:三个关键属性:transform transition animation原创 2015-10-31 14:16:43 · 404 阅读 · 0 评论 -
垂直和水平居中方法小结
垂直和水平居中方法小结水平居中行内元素text-align:center;块元素1.定宽块元素水平居中 margin:0 auto;2.不定宽块元素水平居中方法一:利用浮动的包裹性和百分比相对定位div class=‘outer‘> div class=‘inner‘>div>div>我们想要使inner(不定宽)水平居中于outer,可以这转载 2015-11-25 20:54:53 · 1095 阅读 · 0 评论 -
我就是要用css实现
写在最前我们都是前端工程师,无论你现在是页面仔,还是Node服务开发者,抑或是全端大神,毋庸置疑的是,我们都是前端工程师,我们生来就对追求页面的极致拥有敏锐的触觉,无论是页面实现方式的高大上、页面的极致的性能还是页面完美的展现,都是我们孜孜不倦的追求目标。即使这些在别人眼里,只是跟其他的页面一样没什么不同,但我们却能为其中那只有我们才知道的一抹别致而窃喜。而今天我要讲的,就是我转载 2016-01-22 21:20:44 · 676 阅读 · 0 评论 -
水平居中&垂直居中常用方法总结
PS:本文是对本博客中转载的《垂直和水平居中方法小结》的删减及部分改动,均有实例展示1 水平居中方法1.1 文字的水平居中代码: 水平居中 .box{ background-color: lightgreen; text-align: center; } 我要水平居中 我要水平居中 效果:实现方式:对父元素原创 2016-02-26 16:21:18 · 2504 阅读 · 1 评论 -
CSS水平方向自适应布局方法小结
经常在工作中或者在面试中会碰到这样的问题,比如我想要个布局 右侧固定宽度 左侧自适应 或者 三列布局 左右固定 中间自适应的问题。 下面我们分别来学习下,当然我也是总结下而已,有如以下方法: 一: 右侧固定宽度 左侧自适应 第一种方法:左侧用margin-right,右侧float:right 就可以实现。 HTML代码可以如下写:转载 2016-02-26 16:53:29 · 615 阅读 · 0 评论 -
一些容易混淆的属性
CSS1、offsetTop、offsetLeft与scrollTop、scrollLeft区别在于有没有滚动条,有滚动条用后者,没有滚动条用前者2、offsetWidth、offsetHeight与scrollWidth、scrollHeightoffsetHeight = padding +border + height。(无margin)原创 2016-08-31 13:37:05 · 342 阅读 · 0 评论 -
20个编写现代 CSS 代码的建议
明白何谓Margin Collapse不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习:?.square { width: 80px; height: 80px;}.r转载 2016-09-20 13:39:54 · 677 阅读 · 0 评论 -
CSS浮动与BFC
CSS浮动与BFC网页重构时经常会遇到浮动与清除浮动的时候,最开始掌握clear清除浮动的方式就以为清除浮动很简单,但现在觉得清除浮动真的不是件简单的事,学习到了BFC等东西,依然发现看似简单的东西蕴深层次的理论,懂得了其底层的原理,提前就能预料的产生的效果或者做好规划,才能高效的干活,省时省力。先来一段代码:html lang="en"> head>转载 2017-02-19 14:54:10 · 768 阅读 · 0 评论