当前位置:首页 > 网络知识 > Web前端 > Html/css

·  IE中flash遮挡div现象的解决方案

日期:2010-09-09今天开始给网站首页的广告管理系统添加flash广告代码,结果出现IE中(包括IE6+)弹窗广告要flash遮挡的问题,后来想到了常用的iframe方法(参见《 解决IE6 select z-index无效,遮挡div的bug 》),最终成功了flash遮挡DIV的bug,但是在IE中还出现了浮动的DIV变化位置后,fl

·  10个最容易犯的HTML标签错误

日期:2010-09-08保持良好的代码风格是每个Coder必学的课程,同样在 HTML 设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的 HTML标签 错误,记下他们,能够

·  CSS 中文字体 Unicode 编码方案

日期:2010-09-07在 CSS 中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:宋体;但因此产生的一个问题是,如果 CSS 编码有误,会导致页面加载后 CSS 中的中文字体乱码,请看下图所示: 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的问题。比如字符宋

·  简单实现css的div层居右的代码

日期:2010-09-04CSS的对齐方式对刚接触CSS的朋友来说,比较难琢磨,有些想让怎么对齐偏不会对齐,搞的挺烦人,其实用好Float不只是元素浮动对齐的问题,希望通过这个窗口自适应居右的对齐实例,让CSS初学者明白其属性的定义。 代码如下: Copy to Clipboard 引用的内容: [www.veryhuo.com]

·  IE6不支持max-height的解决方法

日期:2010-09-03罪恶的IE6不支持max-height属性,不过我们可以通过jQuery来解决IE6不支持max-height,jQuery的代码如下: $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-height的效果. 循环所

·  HTML解析原理:让页面变得更快一点

日期:2010-08-30Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是,效率最低的IE浏览器仍然占领者绝大多数市场份额,这已经严重制约了互联网的发展(感叹一下:马赛克和IE阻碍人类文明发展的绊脚石!)。 简单地说,页面渲染就是浏览器将htm

·  CSS 边框重叠鼠标悬停效果

日期:2010-08-30前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果,要实现鼠标移上后按钮边框换色,但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意: 如果看不明白,请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。 http://s.taobao.com/search?q=%CC%D4%B1%A6

·  一个Windows系统蓝屏界面的404错误页

日期:2010-08-30搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面,却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面,被雷了一下。看看下面的这张截图,像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的,就是想拿来分享下。如果

·  模块的opacity透明与PNG的阴影透明冲突

日期:2010-08-21模块的透明设置:filter:alpha(opacity=80); opacity:0.8; PNG的透明设置:直接在制作PNF-24模式的图时留有透明度就可以 问题: 今天在处理F7Dialog2.0项目时发现一个问题,那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带有半透明的PNG

·  ID 是 CSS 的魔鬼

日期:2010-08-21这个问题在网络上曾经谈论过无数次了,今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的,除非与JS挂钩时才使用,也就是说我们在编码过程中除非有JS要用到,就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS是千万不要使用 #Na

·  CSS3 Media Queries,媒介设备查询

日期:2010-08-19允许通过 media 属性为不同媒介设备(如屏幕、打印机)指定专用样式表,而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备,并采用不同的样式表。例如,你可以有一个大屏幕显示器的专用样式和一个移动设备的专用样式。这将非常强

·  CSS3学习之圆角box-shadow,阴影border-radius

日期:2010-08-16最近经常玩腾讯微博,出来职业习惯,看看它的 CSS ,里面运用了大量的css3的东东,有一处用到了 Data URI ,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px\0)欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中也逐渐引入css3,

·  media=screen 是什么意思 有什么用?

日期:2010-08-15如果需要支持老版本的浏览器,那你就必须坚持使用css1的媒体描述符screen和print,到底是哪些老版本的浏览器,没有查。它们是相互排斥的,因此在为屏幕显示而生成页面的时候,浏览器会忽略掉打印样式表,反之亦然。所以,每个样式表都需要包含相同的样式选择器,但是有不同

·  FCKEditor安装SyntaxHighlighter插件实现代码高亮

日期:2010-08-15最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能,于是也想在自己的网站用上这个亮点功能,本站用的是fckeditor编辑器,就想把这一功能和fck结合起来,实现代码高亮嵌入显示功能,将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网查了许多资料,没

·  怎样在Dreamweaver里插入视频文件

日期:2010-08-13Dreamweaver本身并没有插入视频的功能,要想播放视频,可以直接在Dreamweaver的代码视图中插入如下代码: 1.avi格式 object classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab #Version=

·  又一例纯Css实现的圆角 代码简洁

日期:2010-08-13以前,烈火发表过很多Css圆角的文章,有纯Css的,有Css+图像结合的,今天收到我爱设计网站长的投稿,是一款纯Css实现的圆角效果,代码简洁,没有太多美化,请大家学习与欣赏: Css部分: Copy to Clipboard 引用的内容: [www.veryhuo.com] styl

·  CSS定位机制之一:普通流

日期:2010-08-11由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说,还真是看得有点

·  css 美化 input 文本框与 button 按钮

日期:2010-08-07我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧,大家自己去测一下吧,很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; padding:5px 0px 3px 0px

·  禁止缓存:给css/js加上时间戳

日期:2010-08-06好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之前我一直使用时间戳参数的方法来解决: 每次更改了css文件就把参数time的值设为更改当日的日

·  编写Web前端代码的注意事项

日期:2010-08-061. 最好在html标签之前添加一句类似于 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 的代码,该代码表示遵循W3C的某一套标准,具体使用哪套标准因人而异。 使用该标准的好处是不用再为各种不同浏览器环境下网站