-
Css实现多层元素嵌套的圆角按钮
所属栏目：[经验] 日期：2018-10-11 热度：200
圆角按钮的实现看似并不困难，但会遇到如按钮宽度自适应文字长度等情况，不可能每次都切固定大小的背景图片。 自适应宽度的按钮，通常会采用类似下面的切图方法： 这样一来，只需要嵌套两层标签即可： a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小？附演示
所属栏目：[经验] 日期：2018-10-11 热度：119
如何实现调整弹出窗口的大小？演示代码的实现，在window.open属性中加入resizable=yes参数值，即可实现，简单吧，试试吧。利用window.open我们还可做许多有意思的窗口特效，不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下： Copy to Clipboard[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目：[经验] 日期：2018-10-10 热度：171
今天开始给网站首页的广告管理系统添加flash广告代码，结果出现IE中（包括IE6+）弹窗广告要flash遮挡的问题，后来想到了常用的iframe方法（参见《解决IE6 select z-index无效，遮挡div的bug》），最终成功了flash遮挡DIV的bug，但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目：[经验] 日期：2018-10-10 热度：181
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
media=screen 是什么意思 有什么用？
所属栏目：[经验] 日期：2018-10-08 热度：87
如果需要支持老版本的浏览器，那你就必须坚持使用css1的媒体描述符screen和print，到底是哪些老版本的浏览器，没有查。它们是相互排斥的，因此在为屏幕显示而生成页面的时候，浏览器会忽略掉打印样式表，反之亦然。所以，每个样式表都需要包含相同的样式选[详细]
-
FCKEditor安装SyntaxHighlighter插件实现代码高亮
所属栏目：[经验] 日期：2018-10-08 热度：67
最近在很多博客和IT知名网站上看到SyntaxHighlighter高亮显示的功能，于是也想在自己的网站用上这个亮点功能，本站用的是fckeditor编辑器，就想把这一功能和fck结合起来，实现代码高亮嵌入显示功能，将FCKeditor和dp.SyntaxHighlighter结合使用。 因此上网[详细]
-
怎样在Dreamweaver里插入视频文件
所属栏目：[经验] 日期：2018-10-08 热度：148
Dreamweaver本身并没有插入视频的功能，要想播放视频，可以直接在Dreamweaver的代码视图中插入如下代码： 1.avi格式 object classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2[详细]
-
CSS 中文字体 Unicode 编码方案
所属栏目：[经验] 日期：2018-10-07 热度：85
在 CSS 中使用中文字体通常直接设置字体名称，比如设置字体为宋体：font-family:宋体；但因此产生的一个问题是，如果 CSS 编码有误，会导致页面加载后 CSS 中的中文字体乱码，请看下图所示： 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的[详细]
-
简单实现css的div层居右的代码
所属栏目：[经验] 日期：2018-10-07 热度：170
CSS的对齐方式对刚接触CSS的朋友来说，比较难琢磨，有些想让怎么对齐偏不会对齐，搞的挺烦人，其实用好Float不只是元素浮动对齐的问题，希望通过这个窗口自适应居右的对齐实例，让CSS初学者明白其属性的定义。 代码如下： Copy to Clipboard 引用的内容：[[详细]
-
IE6不支持max-height的解决方法
所属栏目：[经验] 日期：2018-10-07 热度：172
罪恶的IE6不支持max-height属性，不过我们可以通过 jQuery 来解决IE6不支持max-height，jQuery的代码如下： $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
-
HTML解析原理：让页面变得更快一点
所属栏目：[经验] 日期：2018-10-07 热度：167
Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的 IE浏览器 仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：马赛克和IE阻碍人类文明发展的绊脚石!）。 简单地说，页面[详细]
-
CSS 边框重叠鼠标悬停效果
所属栏目：[经验] 日期：2018-10-07 热度：107
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意： 如果看不明白，请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
-
一个Windows系统蓝屏界面的404错误页
所属栏目：[经验] 日期：2018-10-07 热度：116
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面，却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面，被雷了一下。看看下面的这张 截图 ，像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的，就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目：[经验] 日期：2018-10-07 热度：169
模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以 问题： 今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目：[经验] 日期：2018-10-07 热度：177
这个问题在网络上曾经谈论过无数次了，今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的，除非与JS挂钩时才使用，也就是说我们在编码过程中除非有JS要用到，就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
CSS3 Media Queries，媒介设备查询
所属栏目：[经验] 日期：2018-10-07 热度：156
允许通过 media 属性为不同媒介设备（如屏幕、打印机）指定专用样式表，而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备，并采用不同的样式表。例如，你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
-
CSS3学习之圆角box-shadow,阴影border-radius
所属栏目：[经验] 日期：2018-10-07 热度：125
最近经常玩 腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px )欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
-
有关 HTML5 的应用现状与发展前景的思考
所属栏目：[经验] 日期：2018-10-04 热度：110
现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考[详细]
-
模仿 Google 新搜索框的阴影效果
所属栏目：[经验] 日期：2018-10-04 热度：175
如图所示，注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去！ 是图片吗？ 不是，Google是通过3个不同颜色的边框实现的简单阴影。 (注意：Google的效果不支持IE6，但是模仿的效果支持所有浏览器。) Google是如何实现的？ Google的主要HTML代[详细]
-
如何隐藏滚动条?IE去掉滚动条HTML代码
所属栏目：[经验] 日期：2018-10-04 热度：52
做了一个页面，与桌面 分辨率 一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。 方法1：直接在body里面加上属性scroll 代码如： body scroll=no 方法2：使用样式表overflow 代码如： HTML[详细]
-
IE6 select z-index无效，遮挡div的解决教程
所属栏目：[经验] 日期：2018-10-04 热度：52
在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
-
Img,Script,Link等标签为空可导致页面多余请求
所属栏目：[经验] 日期：2018-10-04 热度：97
把页面中的img，script，link等标签为空链可以导致页面多余请求的问题，包括IE， Firefox ，chrome， Safari ！但是相对于img，script跟link的src、href为空时，在IE下不做请求，而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
-
用HTML5制作网页 - HTML5实例教程
所属栏目：[经验] 日期：2018-10-04 热度：74
根据你们询问的人，HTML 5不是迈向创造更语义化的网络的下一 个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。 争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
-
![从语义开始 – 概念、意义、实践 [多图]](/uploads/allimg/c181004/153V415N64C0-12O9.jpg)
从语义开始 – 概念、意义、实践 [多图]
所属栏目：[经验] 日期：2018-10-04 热度：178
随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
-
{ hide_text } CSS文字隐藏总结报告
所属栏目：[经验] 日期：2018-10-04 热度：165
最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
