• input file(input文件域)的美化2012-12-25不得不说input file文件域真是丑的一。与页面中的元素差异相差太大,而且各个浏览器的显示效果还不一样,真不想用这玩意,真头疼。好吧,说点正经的,来聊一聊怎么美化input file文件域。 1.最开始的做法 我一开始的想法很暴力,隐藏文件域,设置一个按钮,点击按钮用jquery的tr..【阅读全文】
  • css4教程:background:image-set2012-12-24background:image-set() css4-images规范中的image-set可以实现Retina屏幕下图片显示,主要用以解决苹果Retina屏幕对设计造成的挑战。在不支持image-set的浏览器下,他会支持background-image图像,也就是说不支持image-set的浏览器下,他们解析background-image中的背景..【阅读全文】
  • csshover.htc在IE7下使用:active伪类无效的原因2012-12-24csshover相信做前端开发都知道,IE6、IE7都不支持:active伪类,IE6更甚,连:hover伪类都不支持。为了解决这个问题,一般都会引入一个csshover.htc文件来解决。目前该文件版本为3.11,下载地址:http://peterned.home.xs4all.nl/csshover.html如果你发现自己使用的不是最新的版本,..【阅读全文】
  • CSS自定义WebKit内核浏览器滚动条2012-12-21关于自定义浏览器滚动条的样式这一块,如果网站可以不考虑非WebKit内核浏览器的话,倒是可以试试只用CSS去实现。简单地修改一下几项,就可以看到效果了:::-webkit-scrollbar{width:12px; height:12px;} /*滚动条垂直方向的宽度与水平方向的高度*/ ::-webkit-scrollbar-button{} /..【阅读全文】
  • CSS网页制作技巧:兼容主流浏览器的背景颜色透明2012-12-20网页制作文章简介:CSS网页制作技巧:兼容主流浏览器的背景颜色透明。 以前都是用jquery来写背景透明,方法简单,但是有缺点,脚本没加载完时,背景颜色是不透明的。如果换成在css里写好的话,效果就很好了。.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -k..【阅读全文】
  • 另辟蹊径——使用 Photoshop 制作网页线框图2012-12-20Web 开发人员和设计师必读文章推荐2012年排名前20位的 CSS 网站作品让人爱不释手的13套精美网页图标素材12款精致的 HTML5 & CSS3 网站模板10套精美的免费网站后台管理系统模板 这个套件的使用非常简单。新建一个空白的 Photoshop 文档并在打开线框图套件的 PSD 文件,然后把..【阅读全文】
  • CSS网站作品资源分享:2012年做得不错的20个CSS网站2012-12-19网页制作文章简介:2012年排名前20位的CSS网站作品. 2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场..【阅读全文】
  • CSS3展现精彩的动画效果:css3的动画属性2012-12-18网页制作文章简介:因为CSS3,动画将一切皆有可能。 热火朝天的css3无疑吸引了很多前端开发者的眼球,然而在css3中的动画属性则是新功能中的主打招牌,说到css3的动画属性不得不让人想起这三个属性:Transform﹑Transition﹑Animation。 transform属性虽然看起来可以实现动画的效..【阅读全文】
  • .clearfix:after的用法,清除浮动2012-12-18<html > <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head>..【阅读全文】
  • CSS 多类选择器2012-12-17 写的代码多了,就会发现,自己越来越无知了,总以为html css很简单,已经掌握的很熟练了,其实我还差的很多。 平时没有用过css的这种写法 .a.b{display:block;} 上网一查才明白。 参考:http://www.w3school.com.cn/css/css_selector_class.asp1、在 HTML 中,一个 class ..【阅读全文】
  • CSS:360+HTML代码2012-12-16<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&..【阅读全文】
  • CSS position属性和实例应用2012-12-14目前几乎所有主流的浏览器都支持position属性("inherit"除外,"inherit"不支持所有包括IE8和之前版本IE浏览器,IE9、IE10还没测试过),以下是w3school对position五个值的解释:其中absolute和relative是最常用的,fixed用得也比较多(其中IE6并不支持fixed)。1、absolute(绝对..【阅读全文】
  • 2012年排名前20位的 CSS 网站作品2012-12-14 2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏..【阅读全文】
  • 使用透明度自定义文件上传控件样式2012-12-13 <head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>upload...</title><style>#ui-upload-holder{ position:relative;width:60px;height:35px;border:1px solid silver; overflow:hidden;}#ui-upload-input{ posit..【阅读全文】
  • CSS控制表头固定2012-12-13 之前在做一个项目的时候,需要用到表格显示一个月中每天的相关信息记录(一天的信息记录显示为一行)。于是有了这样一个问题,一次性将数据全部显示出来,页面就会出现滚动条,这样的话就不能同时看到表头信息和表格底部的数据记录,把每个月的信息记录都分为两页显示的话,..【阅读全文】
  • CSS选择器大全2012-12-12对于非元素内联的样式需要定义样式选择器,通俗的说就是这个样式适合哪些元素,样式选择器有:标签选择器,class选择器,id选择器,关联选择器,组合选择器,伪选择器1.标签选择器对于指定标签采用统一的标签;<head><style type="text/css">input{border-color:Yello..【阅读全文】
  • 用CSS+DIV画表格(table)进行网页排版(转)2012-12-11以往传统网页设计都喜欢使用table(表格)來建构网页,這樣的建构方式对于网页整体排版來讲并沒有太大的问题,可以完美相容于各个浏览器。但是時代在进步,还在用table排网页感觉就有点过时了。会这样说并不是想引起table和div之战,而是想要说对于网页的维护,table表格是比较麻烦..【阅读全文】
  • IE10 CSS hack 2012-12-11整理自:http://www.impressivewebs.com/ie10-css-hacks/中文原文: IE10 CSS hack请尊重版权,转载请注明来源,多谢~~传说Windows 8刚上市没几天就卖出了4000多万份,好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的,有些不确定是..【阅读全文】
  • 推荐一个CssSprite软件2012-12-10大家好潜伏园子数载,吸取了大量的知识,但是从来没有付出,深表歉意。近期了解CssSprite优化技术带来便利甚是喜欢,结合网上资料本人自己写了一个图片合并及样式自动生成小工具,望大家喜欢及给出意见,个人万分感谢。下面就把使用过程给大家分享一下:执行后打开界面设定好要生..【阅读全文】
  • 表单元素对齐问题解决方案2012-12-10之前一直困扰自己的一个问题就是表单内radio、select等的对齐问题,一直以来,都是给提示添加label,然后跟radio等一起浮动,然后再设置margin解决的,但是这样又得另外解决IE6下的双边距问题,搞得自己相当恼。今天终于花了些时间找到了好的解决方法。在此罗列罗列,也希望能够帮..【阅读全文】
共 1231 条记录┊当前页次:4/62┊20条/页