donggua_123的博客

static：静态定位是position的默认值，元素框正常生成，也就是没有定位时的正常显示。　　relative：相对定位　　用法一：元素相对自身的原位置偏移某个距离，但是原本的空间依旧保留，表现为空白。　　用法二：把一个元素设置为position: relative; 可以使该元素的子元素相对该元素绝对定位。　　a

问题：h5页面，在ios系统中，拖动顶部固定元素（红色区域）时，会默认拖动整个浏览器，导致出现白色背景，影响到自定义的滚动事件（橙色区域），因为自定义滚动是用了ui框架的，会导致其短暂的无法滚动，必须要等整个页面停稳了才能滚动橙色区域，影响到体验。这应该是ios系统自带的缓动效果，当用户拖动页面元素时给了一个回弹吸顶的效果，显得更加柔和，但有时候我们是不需要的。想要的效果：到顶后继续向下滑...

今天做一个需求的时候发现一个问题，原型需要做出这样的布局效果首先想到的肯定是flex布局display: flex;justify-content: space-between;flex-wrap: wrap;嗯，确实达到了效果，完美！！但是当数据不是4的倍数的时候，就出现问题了可以看到最后一排依然遵循均匀铺开在父级宽度里面，但这显然不是我们想要的效果如果...

当我们写了这样一个结构的时候<div class="box"> <p> 拉开了就开始的放假老实交代方会计师 拉开了就开始的放假老实交代方会计师 拉开了就开始的放假老实交代方会计师 拉开了就开始的放假老实交代方会计师 拉开了就开始的放假老实交代方会计师 拉开了就开始的...

1、文字首行缩进<p class="words"> 谁看见对方看来升级蓝思科技的看法就是开裆裤</p>style样式：.words{ background: pink; width: 200px; text-indent: 2em;/*缩进两个文字*/ /*text-in...

今天做一个关于vue的demo，写一个弹出层时发现了一个问题，弹出层样式如图开始我对关闭按钮用position:fixed布局定位在底部，但是当我的内容太多，超出了一定的高度的时候就出现下面的状况了：关闭按钮叠在了内容文字上面，因为是用的fixed布局，按钮不会随内容的增多而往下推移。而我的需求是：当内容不够长时关闭按钮粘贴在页面底部，当内容超过了一定高度后会将页脚的按钮挤

我们知道CSS3的Animation有八个属性animation-nameanimation-durationanimation-delayanimation-iteration-countanimation-directionanimation-play-stateanimation-fill-modeanimation-timing-function其中1-7大多都有介绍，但是animatio...

在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是因

一、Web页面切图1) Web页面的切图类型可以归纳为背景（bg）、列表项目的符号（li）、内容中插入的图片（pic）、按钮（btn）、图标等几种形式（ico）。2) 建议把用CSS背景加载的图片拼合成一张图片。这样可减少对服务器的请求。从而提升页面加载速度。3) 除页面头部大图保存格式为JPG外，其他图片一律采用gif格式二、CSS相关事项：1) 所有的x

css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部

一、前言前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”，是个不错的文章，学到了不少东西，建议您看看。这里，我也要讲讲我对line-height的一些理解，所讲解的东西绝大多数与上面提到的“深入理解css 行高”是不重复的，可以说是补充或是另外一个角度的思考。另外，将结合实际，展示line-height的一些特性和一些常见应用，帮助您对css行高line-he

自己做了一下测试，结果。。。。。style> #box{width: 600px;height: 300px;background: black;position: relative;margin: 100px auto;} #div{width: 100px;height: 100px;background: red;position: absolute;left: 50

作者：徐尤熙链接：https://www.zhihu.com/question/19886806/answer/80432295来源：知乎著作权归作者所有，转载请联系作者获得授权。【CSS代码重构与优化之路】　写CSS的同学们往往会体会到，随着项目规模的增加，项目中的CSS代码也会越来越多，如果没有及时对CSS代码进行维护，CSS代码不断会越来越多。CSS代码交错复杂，像一

1、文字下划线的实现可以使用原生api：text-decoration:underline.words{ font-size: 22px; text-decoration: underline;}但是没法调整下划线和文字的间距，太贴文字了也不好看2、于是就有了第二种方法：边框法，就是利用元素的下边框实现下划线的效果，还可以通过line-height调节距离...