精通CSS：高级Web标准解决方案（第2版） 跳转至： 导航、 搜索 层叠重要度：（也就是说，用户!important可以覆盖inline style） !important、用户>作者、最后是浏览器/用户代理 规则特殊性（次序）的计算：a,b,c,d 如果相同，后定义的优先 如果是inline style，a=1 b=ID选择器（#id）的个数 c=类、伪类、属性选择器的个数 d=类型、伪元素选...
第一次写博文，写一个刚才遇到的问题吧。 关于ul li文字长度不固定，一行显示多列。当指定宽度时，文字长度超过指定的li宽度时解决方案： 如下代码 发送对象(共10个会员) tester123456(tester12346@qq.com) tester12345(tester12345@qq.com) test12345(test12345@qq.com) willme(sdfsdf@sdf.com) willbin(sdfsd@22f.com) zhangsan(zhangsan@qq.com) 淘宝会员_u_865b68p1g7(u_265i54w3n7@localhost.com) test 样式 .menber{w...
普通流(NormalFlow起浮 Float肯定定位 AbsolutPosit一、啥是块格式化上下文有了上面的知识后，就能够介绍Blockformatcontext块格式化上下文） 创立了BlockFormatContext元素中，其子元素会一个接一个地放置。笔直方向上他起点是一个包含块的顶部，两个相邻的元素之间的笔直距离取决于 'margin'特性。BlockFormatContext中相邻的块级元素的笔直边距会折叠（collaps throotelementorsomeththatcontainitfloatelementwherefloatisnotn...
前段时间，公司里做个新玩意儿，我们开发组选用ExtJs4.2.1Mvc模式，开发过程中遇到了很多问题（避免不了不专业的需求人员提出各种一拍脑瓜子就决定的需求），经过查看api都一一解决，现在把开发过程中遇到的且已解决的问题，记录下来，供以后查看，也供新接触ExtJs的网友借鉴，描述不到位或有错误的地方，望指正！（注：下文中提到的方法均为ExtJs库中的方法，并非js原生） 因为整个项目都是运用的ExtJs的MVC,所以项目中...
要求： 做一个”矩形div 块“，并用”长条形背景图.jpg“做其背景，并且该图面积小于”矩形div 块“； 做四个div子块，排成一列，覆盖在”矩形div块“之上， 四个子块的：宽各占25%，半透明，颜色分别为”蓝、绿、黄、紫“ 各div块的高度都为height:300px; 宽度需自适应页面大小。 我的方案如下，不太对，请大家给出自己的解决方案并编写出来，谢谢 html文件是 ： 1 2 3 4 ------------...
最近在一个基于bootstrap的项目中遇到了一个问题，问题的表现是无法显示bootstrap自带的那套名为“glyphicon”的图标，在图标的引用处显示的是一个小方块儿，里面隐约可见4个貌似为16进制的字符，如图所示：。好端端、现成儿的图标用不了，悲哀~ 但在chrome和IE 10下面则是可以正常显示的，说明这个问题并不是因为使用不当、相关文件存储位置错误而导致。而且，在另一个基于同样版本bootstrap的项目中则没有遇到这个问题...
方案1 - 滤镜解决方案：介绍：滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试！目录说明： 思路： 1、书写正常的CSS代码，通过background导入图片，这样所有的浏览器均使用了此PNG图片； background:url(../images/W3CfunsLogo.png); ...
移动端:active,:hover无法很好触发动画的解决方案 1:问题环境: 用css3定义了一个动画,使用:hover伪类调用动画时在移动端不能很好的进行动画. 2:解决方案: 定义一个open类,满足open类的情况下触发动画 使用js事件去控制动画,当滑动的时候加上open类,然后延迟与动画相同的时间移除open类 这样就能很好的控制动画了 3：附上demo .nav{width:100%;height: 200px;...
网页设计中，对于文件选择框（HTML的file标签），出于美观或者体验等等的原因，我们对他的默认外观并不满意，我们可能希望点击一个按钮直接弹出文件选择框，这个很多人认为很简单，但是由于浏览器兼容的原因，主要是在IE8中，不允许调用隐藏file标签的click方法，这个并不容易实现。 很多人会考虑使用flash控件或者ActiveX控件，这个方法功能上没问题，但是对客户机的环境有依赖，并不完美。 经过仔细研究和试验...
最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结一番各类垂直居中的方法。 由简至繁： 行内元素的水平居中 要实现行内元素（、等）的水平居中，只需把行内元素包裹在块级父层元...
1.固定宽度的居中布局 首先我们这里探讨的是我们常用的固定宽度的居中布局，这应该是目前实战中应用的最多的了。 然后从考虑是否应用大背景上我们分为两种，一种是允许整体有一个大背景，一种是头部，中间及底部都可以平铺一个全屏的大背景。接着我们从有无边栏来讨论三种情况，一种是有左或右边栏，一种是没有边栏，最后一种就是左右边栏都存在的情况。 我们在这探讨的布局方案借鉴与drupal的主题，所以如果是学过drupal这个...
一个布局较复杂的页面，在手机浏览器上运行时，部分配置比较差的手机会出现滚动滚动条后，页面正常滚动，但部分元素却出现类似position：fixed一般悬浮在页面上，然后再滚动。看上去有点像视差滚动，但却一点都不好看。 解决方法:在滑动体上添加样式：transform：translateZ(0);-webkite-transform：translateZ(0)。 各种复杂的html 加这个的目的是利用GPU加速（GPU缓存）。 因为这个问...
使用sublime Text3 的时候，安装less2Css后，和很多人一样以为大功告成，开始要运行编译less文件，结果开始发现 于是乎开始搜索问题和解决方案，然后就有了下面的解决方案1 方案1：通过window path + less.js-windows 的方式（网上可以快速找到这种解决的方式） 注意：window 操作系统下，经常会看到编译less的最后，会弹出一个"for install see less-plugin-clean-css"的error,好像所有的...
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png)" 语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。false : 滤镜被...
一、准备工作 1、什么是 npm? npm 是nodejs的包管理工具，主要功能就是管理、更新、搜索、发布node的包。Gulp 就是通过 NPM 安装的。关于 NPM 中文介绍，这里有一篇非常不错的文章：http://www.cnblogs.com/chyingp/p/npm.html 完整的 NPM 文档请看这里 ：https://docs.npmjs.com 2、安装 Node.js 并升级 NPM 到最新版本 nodejs 安装：打开 nodejs.org 下载 nodejs 安装包，并根据提示安装，这里不做...