`
文章列表
<html> <head> <title></title> <script type="text/javascript" src="./jquery-1.3.2.min.js"></script> <script language="javascript"> var maxHeight=200; var minHeight=20; $(document).ready(function() { $("#add" ...
一、 针对浏览器的选择器   这些选择器在你需要针对某款浏览器进行css设计时将非常有用.       IE6及其更低版本                     * html {}         IE7及其更低版本                    *:first-child+html {} * html {}         仅针对IE7                              *:first-child+html {}         IE7和当代浏览器                     html>body{} ...
/* 最小寬度 */ .min_width{min-width:300px; /* sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto"); } /* 最大寬度 */ .max_width{ max-width:600px; /* sets max-width for IE */ _width:expression(document.body.clientWidth > ...
网页制作Webjx文章简介:CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天webjx.com 收集了常见的8条面试题目,希望对您有所帮助。 CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天webjx.com收集了常见的8条面试题目,希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题?  被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6 的margin双倍边距bug问题  例如: <style t ...
http://www.iteye.com/news/5038-recommended-60-flex-development-reference-site       推荐60+ Flex开发参考网站   下面是一些好的Flex开发的网站或者Flex资源,如果你使用Flex开发,可以参考一下。   新手入门参考: Adobe Flex 3 - adobe.com Adobe Flex Sample Applications - adobe.com Video Training (Learn Flex in a Week) - adobe.com RSS ...
来自:不名一格  -  让 PNG-8图像在网页中完美演绎   -----------     网页前端设计到今天已经比较成熟,我们现在不会再去比较GIF和PNG孰对孰错,一种惯性会让大家优先选择PNG。W3C组织制定了PNG的规范 Portable Network Graphics,有兴趣的同学可以深入了解。 下面来说说我们常用的PNG-8。网页设计时,对于减少网页中图像数据大小,降低带宽,我们已逐渐使用8位PNG代替GIF,但是我们还缺以下几步就更加完美了: 一、避免PNG 在IE下的色差问题附解决方案: IE下PNG色差主要是由于 浏览器对于PNG属性中Gamma项的解释不 ...
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff) 收藏 前几天由于工作需要,要对一个表格进行隔行换色,还要加上鼠标经过效果,但是表格由程序生成,如果在tr标签中添加onmouseover,onmouseout效果的话工作量很大,遂尝试用js实现以上功能,唯一要对表格做的改动就是给table标签加上id. 从网上搜索了很多方法,几乎都是对tr标签进行修改,还好找到了一个完全通过js实现隔行换色的(经过转载已无法考证作者),不过不支持鼠标经过变色,经过我的修改现在已经支持鼠标经过变色了. 这段代码体现了web重构的思想,实现了结构与表现分离. 请看效果: <!DOCTYPE html ...
向大家推荐9款很棒的可在网页中绘制图表的JavaScript 脚 本,这些有趣的JS脚本可以帮助你快速方便的绘制图表(线、面、饼、条…),其中包括jQuery、MooTools、Prototype和一些其它的 JavaScript框架。您还可以参考以下JavaScript/CSS相关教 程及资源: 《10个非常棒的 Ajax及Javascript实例资源网站 》 《精选30个优秀的CSS技术和实例 》 《300+Jquery, CSS, MooTools 和 JS的导航菜单资源 》 1.Flot Flot 是基于 jQuery框架绘制图表的纯 ...
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。 CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加 ...
一、 基本书写规范   1、所有的CSS的尽量采用外部调用    <LINK href="/style/style.css" rel="stylesheet" type="text/css">       书写时重定义的最先,伪类其次,自定义最后(其中a:link a:visited a:hover a:actived 要按照顺序写)便于自己和他人阅读。       为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使 ...
Css Reset也就Reset Css ,就是重置一些标签样式,或者说默认的样式。前端开发工作中有一款好的、统一的Css Reset将提高开发效率,提高样式代码的重用,减少重复代码,减少维护成本。 现 发表于:2009-03-21 17:18 分类:首页 > 网站重构 > CSS+XHTML > , 标签: CSS Css Reset也就Reset Css ,就是重置一些标签样式,或者说默认的样式。前端开发工作中有一款好的、统一的Css Reset将提高开发效率,提高样式代码的重用,减少重复代码,减少维护成本。 现在分享一些老外的Css ...
  大家都清楚一个网站象征着你和你的品牌,这取决于你如何构建自己的网站。正因为Wordpress越来越受到互联网设计群体的关注,它并不代表最基本的(X)HTML/CSS 很丑、很杂乱和单调。彬Go将向大家推荐99个高质量的免费(X)HTML/CSS 模板,你可以用于自己或公司企业的网站。您还可以参考以下(X)HTML/CSS相关教程及资源: 《30个基于CSS的导航和按钮优秀设计教程 》 《2008年最佳Web设计/前端开发技巧、脚本及资源总结 》 《精选30个优秀的CSS技术和实例 》 《43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程 》 ...
  级联样式表(CSS)在当代Web设计中已经成为重要的环节,如果没有CSS 现在的网站将像10年前一样不堪入目。随着CSS 技术的普及,越来越多的高质量CSS教程涌入互联网,让我们的学习更加方便。下面彬Go向大家推荐21个惊人的CSS技巧,相信其中必有你想不到的。还等什么,继续往下看吧!您还可以参考以下CSS相关教程及资源: 《CSS Sprites(CSS图像拼合技术)教程、工具集合 》 《学无止境的CSS(xHTML+CSS技巧教程资源大全) 》 《精选30个优秀的CSS技术和实例 《使用CSS为图片添加更多趣味的5种方法 》 1.CSS跨浏览器幻灯 ...
  如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。但今天暴风彬彬 要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了。暴风彬彬 收集的这些资源,从非常简单的HTML和CSS 导航菜单,到非常复杂和高级的JQuery、JavaScript和MooTools技术,这都可以让你轻松实现褪色、滑动、拖动等效果。如果您觉得这些资源值得一用,那就快把本网页收藏以备日后查阅吧!   1.Fancy menu  - 非常酷的导航菜单: 2. 专为Mac爱好者开发的CSS doc ...
  table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替 换为div,主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。今天彬 Go将向大家推荐15个jQuery表格插件 让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。您还可以参考以下javascript相关资源: 《推荐9款很棒的网页绘制图表JavaScrip ...
Global site tag (gtag.js) - Google Analytics