Css
css3mask淡出文字
css3mask淡出文字<pre>.p0_11wrap{width:0.299rem;height:7.68rem;overflow:hidden;background:url(/weiyeweiwangzhan/images/0/p0_11.png)no-repeat;background-size:10...
前端自动化构建工具webpack （二）之css和插件加载总结
1. webpack只识别js文件，其他文件都需要转换成js文件。所有文件都是模块;2.css解析 css需要css-loader ---》style-loader-----》less-loaderless文件还需要less-loader（注意书写顺序）3.plug...
DIV+CSS兼容解决DIV最大宽度和最小宽度问题
在制作网页中，我们经常会碰到min/max-width,min/max-height在IE6底下是无效的，这也是web设计师最头疼的问题之一，以下的方法可以解决这些难题，并且比较简约。当然，如果你还有更好的方法，希望能在主页留言给我：<div>这段文字内容,ax/min在ie7+和firfox,safari...
css中span元素的width属性无效果原因及多种解决方案
先运行下程序看下: <span>123</span> 输出:123可以看到 span会自动根据包含的内容来变化宽度这是因为:对于内联元素(可以是默认即为内联的比如span元素，也可以是display:inline的元素)width和height只在IE5.x下和IE...
固定高度div,随内容自动变高css定义方法
*{font-size:12px;margin:0;padding:0;}方法1:#testBox{border:1pxsolid#cccccc;padding:5px;width:220px;min-height:100px;/*高度最小值设置为：100px*/height:auto!important;/*兼容FF...
CSS网页布局中易犯的30个小错误
即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1.用删除法确定错误发生的位置如果错误影响了整体布局，则可以逐个删除div块...
css按钮口诀
在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSSBUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个...
css优化建议
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用1px的原因，这才知晓。宽高1px的图片平铺出一个宽高200px的区域，需要200*200=40,000次，占用资源。 2、无边框。推荐的写法是border:none;，哈哈，我一直在用这个。border:0;只是定义边框宽度为零，但边框样式、颜色还是会...
css中div标签不置顶
设置div属性垂直对齐方式为:top<div></div>...
实现段落文字两端对齐的css样式
有时候网站中的文字比较多,虽然为父元素设置了宽度,但是总是会出现两端参差不齐的情况,看起来不整齐。其实实现段落的两端对齐，只需要设置两个css样式即可。.demo{text-align:justify;text-justify:inter-ideograph;/*IE*/} text-justify基本语法&...
css3制作扇形菜单
工作中网页中有一个扇形的导航菜单,以前没有接触过,参考了http://www.w3cplus.com/css3/building-a-circular-navigation-with-css-transforms.html以及原网站http://tympanus.net/codrops/2013/08/09/build...
只用css3实现菜单的toggle效果
一、原理: 使用label与input来实现，label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。 如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 &nbs...
用css制作空心箭头(上下左右各个方向均有)
平常在网页中，经常会有空心箭头，除了用图片外，可以用css来实现。基本思路是，用css绘制两个三角形，通过绝对定位让两三角形不完全重叠，例如制作向右的空心箭头，位于前面的三角形border颜色是需要的颜色，后面的三角形border颜色与包裹它们的div背景色一致，然后设置前面三角形的left值比后者的left多1px，...
CSS3box-shadow属性的使用
每次使用box-shadow,都要查阅资料才能实现对应的效果,现在总结一下,方便以后查看。 一、语法： E{box-shadow:insetx-offsety-offsetblur-radiusspread-radiuscolor}; E{b...
