- 前一阵看到一篇文章《使用css3仿造window7的开始菜单》,文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果,很久以来一直被WPF/Silverlight 山上的风景所吸引,未成想其他的山也同样引人入胜。于是心血来潮也尝试着做了一个Windows 7 桌面效果,先来看几张截图吧。 ... [阅读全文]
- 最近整理的一份CSS文字隐藏的demo,总结了几种方法,希望得出一种最完美的方案放进自己的代码片段,可是,到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多,放下浏览器不谈,不同的应用终端,不同的标签结构会有不一样的最优方案,因此,... [阅读全文]
- 用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS: DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span... [阅读全文]
- 关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区,这个数字要小很多,统计显示大概只有40%。 这些统计中比较有趣的部分是,IE6、IE7、IE8之间的数值很接近,这防;... [阅读全文]
- CSS 规则的优先级是Web前端开发人员必须理解的一个概念,我们常用的添加样式的方法有4种。 inline style embeded style external style user style inline style是丑陋的,它们穿梭在HTML文档中,与HTML元素扭成一团,给Web前端开发人员造成了许多麻烦。它们往往以这样的面 style="display:none">[阅读全文]
- 属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。 属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性表达式(不知道描述是否正确,自创的词) ,;... [阅读全文]
- 一、关于CSS重置 首先,很认真的告诉你,总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset或者你自己编写的重置代码,只要使用就对了。 它能很简单的移除所有元素的填充(padding)和边距(margin): html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, style="display:none">... [阅读全文]
- 一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。 元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: TD STYLE=COLOR:BLUE; font-size:9pt; font-family:标楷体; line-height:150% 这种用法的优点 是可灵巧应用样式於各标签中,但是缺 style="display... [阅读全文]
- 知道CSS Reset是什么吗?通常情况下,它也被写成Reset CSS,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大;... [阅读全文]
- 本文总结了30条html代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。 1. 一定要闭合HTML标签 在以往的页面源代码里,经常看到这样的语句: liSome text here. liSome new text here. liYou get the id;... [阅读全文]
- 怎样做CSS布局呢? CSS文件的链接方式 1、附加链接:外部CSS文件 2、导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 CSS规则定义有三种 1、类比如.RedText、.BlueText和.BigText等等 2、标签针对原有HTML标签做的重新CSS定义3、高级伪类、定义了ID的元素,以及;... [阅读全文]
- 背景图片Background Images有许多属性可以操作。 幸运的是,可以使用background处理所有: Example Source Code: body { background: white url(http://blog.huangchao.org/images/1.jpg) no-repeat top right; } 上面合并了下面属性: Example Source Code: background-c src=http:///imag... [阅读全文]
- 序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件,我也写过两篇总结;... [阅读全文]
- 做一个星级评价的功能不是很难,但是要单纯用CSS写估计就有点难度了,先来个截图: 效果很简单,可能现在您现在脑子里已经有实现的思路了。下面先看一下我们通常情况下的实现方法: CSS: 以下为引用的内容: .jsstar { list-style : none ; margin : 0px ; padding : 0px ;;... [阅读全文]
- 前序:本来前三篇文章已经将CSS圆角框讲解完毕,但从网友反馈中,都说到不好使用,因此有了这篇文章,本文主要是将前面的结果总结修订后进行JS封装,方便调用。 在本次封装中,增加了对真正img标签引用的图片实现圆角化,之前的圆角图片大多是基于背景图片的,因为纯css;... [阅读全文]
- CSS已经成为网页前段设计一个非常重要的部分,由于写CSS时需要考虑的问题非常多,老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架,这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码,你可以做出简单的Tooltip。这是CSS代码: 1;... [阅读全文]
- 在处理css的机制上,IE总是有很多让人吐血的举动,但对于他们现在的改进力度还是值得高兴的。 就拿对伪类:hover的支持来说,IE7+终于添加了对a以外其它标签的支持。对于这样的改进,当然是要拍手称快的,但在IE6下,:hover就连对a的支持都不是那么的尽如人意。下面就是我想;... [阅读全文]
- 当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面? 其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1.页面自动刷新:把如下代码加入<head区域中 <met;... [阅读全文]
- IE6下默认的字体尺寸大致在 12 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hi;... [阅读全文]
- 这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 性能差异: 【border:0;】把border设为0像素虽然在页面上看不见,但按border默认值理解,浏览器;... [阅读全文]
- 首页
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 下一页
- 末页
- 共 8页144条
推荐专题
Html/CSS热点排行
赞助广告
Html/CSS编辑推荐
赞助广告