各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。 在CSS....
分类:
Web程序 时间:
2015-12-29 08:42:14
阅读次数:
170
如何清除图片下方出现几像素的空白间隙?方法1:img{display:block;}方法2:img{vertical-align:top;}除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的和值都可以方法3:#test{font-s...
分类:
Web程序 时间:
2015-11-27 19:51:34
阅读次数:
235
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进...
分类:
Web程序 时间:
2015-11-17 12:28:50
阅读次数:
193
1、网页LOGO背景居中html{ background:#f5f7f9url(img/logo.png) no-repeat center center fixed; background-size:150px;}不要使用body,因为它的高度经常会比浏览器窗口的高度低
分类:
Web程序 时间:
2015-11-09 12:42:47
阅读次数:
225
常见的CSS技巧1.div的垂直居中问题: vertical-align:middle;将行距增加到和整个DIV一样高: line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 。2. margin加倍的问题设置为float的div在ie下设置的margin会加倍...
分类:
其他好文 时间:
2015-11-07 23:10:29
阅读次数:
260
margin的位移方向是指margin数值为正值时候的情形,如果是负值则位移方向相反。 如上图所示:黄色子元素盒的margin-top,margin-left为负值时,如-10px,则黄色子元素盒向上(向左)移动,越过相邻元素10px;黄色子元素盒的margin-right,margin-bo...
分类:
Web程序 时间:
2015-10-12 15:48:32
阅读次数:
183
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素, 在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的 出现...
分类:
Web程序 时间:
2015-10-08 19:51:57
阅读次数:
225
也是为了向自己上周周末制定的学习目标前进,这几天重点对CSS的基础知识、不常用知识点、布局这几个方面进行了复习和总结,也写了几个练习来试下手。刚好现在整得头有点晕,就来稍稍小结下这几天的问题。PS:谈不上多大的收获,但是对于现在的自己,只有这样做,才能亦步亦趋,跟上学习节奏。 CSS样式操作的烦恼....
分类:
Web程序 时间:
2015-10-03 18:05:09
阅读次数:
141
这是一款纯CSS菜单,二级下拉导航效果,是最简洁的CSS导航菜单,兼容性也很棒,IE7/8、火狐等都支持,而且它还是学习CSS菜单编写的典型教程,让你学会很多CSS技巧。运行效果截图如下: 纯CSS菜单 首页最新更新下载排行ASP企业整站图片相册社区程序PHP博客微博论坛社区JSP企业新闻系...
分类:
Web程序 时间:
2015-09-20 17:37:37
阅读次数:
139
http://www.cnblogs.com/sosoft/p/3509977.html1、两列布局1.1、左列固定,右列自适应#left{ width:190px; float:left; }#right{ margin-left:205px; }1.2、右列固定,左列自适应#left{ floa...
分类:
Web程序 时间:
2015-09-12 14:42:58
阅读次数:
134