一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100,但是在CSS中,你必须给一个准确的单位,比如:" width:100...
分类:
Web程序 时间:
2015-08-17 11:25:15
阅读次数:
137
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin...
分类:
Web程序 时间:
2015-08-13 09:59:00
阅读次数:
200
最近后端在问同样的布局,有多种实现方式,怎么挑选一个适合的:) (本文不考虑flexbox,不一定是最佳的方案) 常用的布局就是两栏、三栏布局等等,然而两栏和三栏的布局实质使用的css技巧是比较接近,为啥是技巧,其实暂时我还是分不清楚技巧与技术的区别。常见是使用浮动,定位为主.探讨一些比较合理...
分类:
其他好文 时间:
2015-08-11 13:55:06
阅读次数:
129
响应式布局使用的css技巧主要有: 1.百分比。在设置元素的样式时,应使用百分比,而不是固定的数值,尤其是图片的缩放,更是使用百分比,如果需要可以设置max-width。百分比的计算公式为: 目标元素宽度 / 上下文元素宽度=百分比宽度 如将固定宽度#wrap { width:960px;...
分类:
其他好文 时间:
2015-08-09 22:20:13
阅读次数:
111
CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一...
分类:
其他好文 时间:
2015-07-27 00:05:59
阅读次数:
181
1、父元素确定的单行垂直居中通过设置父元素的height和line-height高度一致来实现的。2、父元素确定的多行垂直居中父元素高度确定的多行文本、图片、块状元素的竖直居中的方法有两种:2.1、vertical-aligh方法:使用插入 table (包括tbody、tr、td)标签,同时设置 ...
分类:
Web程序 时间:
2015-07-24 18:06:50
阅读次数:
122
1.重置浏览器的字体大小重置浏览器的默认值 ,然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案 ,如果你不想下载9MB的文件,代码如下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,texta...
分类:
Web程序 时间:
2015-07-24 18:06:08
阅读次数:
113
之前的样式,这个“未选择文件”很想把它去掉吧?
这段代码的运行结果,去掉了“未选择文件”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
无标题文档
#file{ width:226px; height:25px; ...
分类:
其他好文 时间:
2015-07-20 16:32:35
阅读次数:
107
1、常用方法——overflow给浮动元素的容器添加overflow:hidden;或overflow:auto;可以清除浮动,另外在 IE6 中还需要触发 hasLayout ,例如为父元素设置容器宽高或设置 zoom:1。在添加overflow属性后,浮动元素又回到了容器层,把容器高度撑起,达到...
分类:
Web程序 时间:
2015-07-15 14:52:49
阅读次数:
162
CSS是网页设计师的基础,对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西,你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规则和语法,但为了以后的发展我们还是应该记住那些非常有用的...
分类:
Web程序 时间:
2015-07-14 15:10:47
阅读次数:
157