零点教程吧页面测试 日期:2014-12-02 点击:164 好评:0
本页面是由零点教程吧测试的内页,说明: 本模板是由零点教程吧花了大量时间来修复的,本站修复的内容如下: 1、修复了模板的只在动态下有效的问题,现在是纯静态浏览都没问题 2、修复了模板列表页右则不能显示的问题,现在已修复了如下图所示 修改前: 修改...
CSS创建三角形(小三角)的几种方法 日期:2013-10-24 点击:130 好评:0
你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元素之间的联系关系式很重要的。 有一些不同的方法来设计并制作一个三角形,在本文中,我将介绍: 点此查看实例展示 编...
避免常见的6种HTML5错误用法 日期:2013-10-24 点击:61 好评:0
原文链接请点击 此处 ,作者为 Richard Clark . 一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div——具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这样的代码: !-- H...
取消chrome浏览器下input和textarea的默认样式 日期:2013-10-24 点击:132 好评:0
最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。这是大前端调整的样式,样式...
IOS下移除按钮原生样式 -webkit-appearance 日期:2013-10-24 点击:91 好评:0
IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。 下面这句代码就是重置这些样式的: -webkit-appearance: none; 通常,我们在写移动端的web开发时,会zaicommon.css中添加以下CSS代...
点a链接写邮件小技巧 日期:2013-10-24 点击:119 好评:0
无意间发现这个技巧,分享一下! 当点击mailto的邮件链接的时候,需要填写标题和内容,如果你想规定一个邮件标题格式,那这个可以帮助你。 代码: a href="mailto:haozi@daqianduan.com?subject=投稿:body=源地址:"立即投稿?/a mailto:邮件地址 subject=邮...
css设置最小高度 然后自适应 日期:2013-10-24 点击:65 好评:0
群里有人问到用css设置某个div最小height,然后再自适应height,这里有个不错的解决办法。 看代码先: min-height:400px; //(解决ie8.9.ff.chrome)*+height:100%; //(解决ie7)_height:400px; //(解决ie6) ie6超出自动溢出 代码都有注释,只为了大家能...
CSS3 iphone式开关的推荐写法 日期:2013-10-24 点击:133 好评:0
话说这个问题纠结了近一个小时,为什么呢?看看就知道了。 在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧,肯定没什么问题。 Tip: 请使用Chrome查看以下案例 点此查看实例展示 写啊写,html代码出来了: span class = "ono...
CSS3视频详解新增属性及相关用法 日期:2013-10-24 点击:149 好评:0
在 CSS3 info 上看到这篇文章,很有用,拿来分享给各位国内的同学。 这是一份近乎完整的 CSS3 新增属性教学,视频是作者手把手教你如何使用CSS3这把利器。希望看完这些视频教学后你的CSS3水平有相当的提高。另外,如果你还有CSS3方面不懂得额地方,可以参看...
iframe背景透明设置方法 日期:2013-10-24 点击:113 好评:0
iframe的背景颜色在IE下为window的当前窗口颜色(默认白色,可以在显示外观处对其进行设置),这导致在大幅背景上插入iframe时,需要给它“透底”,可是IE不支持对iframe设置背景色,那怎么办呢? 解决办法是在iframe中设置: allowtransparency=”true” 如...
CSS常用浮出层的写法 日期:2013-10-24 点击:154 好评:0
浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧! 点此查看实例展示 是的,我们即将实现的就是以上功能,是不是很生动? 贴上HTML: div class = "poptip" span class = "poptip-arrow po...
针对IE的CSS hack 全面 实用 日期:2013-10-24 点击:72 好评:0
.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.not IE{property//:value;} lte:就是Less than or equal to的...
CSS3详解:border color 日期:2013-10-24 点击:138 好评:0
继续我们的 CSS3详解系列文章 ,今天的主题是 border color 。大家都知道css中的border属性是经常用到的,其写法很简单,如:border:1px solid #333;border color和这有所不同,是不能简写的。 当前浏览器支持情况:Firefox border color写法说明: -moz-bo...
移动端Web开发小记 日期:2013-10-24 点击:157 好评:0
之前为公司商旅频道写移动端的页面时遇到不少问题,今特来个总结,希望能为后来者带来一些帮助。 不再考虑浏览器兼容性 移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性,webkit...
CSS3动画-wordpress读者墙 日期:2013-10-24 点击:74 好评:0
有日子没更新啦,今天的主题是CSS3动画,用CSS3写一个不错的wordpress读者墙。 效果图: 代码自己开发工具看看,chrome下能收到最好效果。 点此查看实例展示 ps:大前端D4主题即将出现,今晚仍旧测试中,有兴趣的同学可以围观下下!! 转载请注明: 大前端 C...
CSS3实例:纯CSS3写Google Chrome新LOGO 日期:2013-10-24 点击:103 好评:0
上上篇文章我们知道了Google的Chrome浏览器更换新的LOGO,个人感觉很不错,简洁大方,又能表达Chrome快速的含义,所以打算用CSS3写一个Chrome LOGO Tips: 喜欢研究的同学可以用浏览器的开发工具看下源码!!! 点此查看实例展示 如果你用的是Chrome,恭喜你...
简单HTML5打造内涵搜索框 日期:2013-10-24 点击:99 好评:0
随着HTML5的深入人心,其越来越多的新功能为更多Coder所用,HTML5新增了不少人性化标签和属性,马上介绍的就是新的表单属性。 实例图片: 代码如下: input type = "text" placeholder = "输入 回车搜索" autofocus x-webkit-speech 很赞?Yes! 简短的几个...
详解CSS中:nth-child的用法 日期:2013-10-24 点击:195 好评:0
前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“ :nth-child ”。 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途: Tips: 还用低版本的IE浏览器的哥们请绕过! :nth-child(2...
CSS3详解:background 日期:2013-10-24 点击:115 好评:0
CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法,但引用图片之间需用“,...
CSS巧妙实现分隔线的几种方法 日期:2013-10-24 点击:196 好评:0
前几天一 @同事 看新浪微博里有个类似分隔线的提示,就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。 单个标签实现分隔线: 点此查看实...
发个自己的CSS重置基础代码 日期:2013-10-24 点击:120 好评:0
关于css的重置代码有很多,也有不少人写过适合不同站点的重置代码,这里发个浩子平时使用的额方法。 代码如下: /* haozi / hao.chen@qq.com / 2011.06.15 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,text...
推荐:7个有用的HTML5学习资源 日期:2013-10-24 点击:190 好评:0
虽然HTML5还是很新,没有被所有主要浏览器支持,但现在还是有许多设计师和开发人员使用。毫无疑问,几年下来,HTML5将对web开发起着很重要的作用。我注意到很多人都在使用它,但也有许多人还没有接触过HTML5。为了帮助学习这个任务,我们收集了7个有用的HTML...
解决Firefox下input button内文字垂直居中 日期:2013-10-24 点击:182 好评:0
很老的问题了,如今再次碰到,记录下来,给后来者方便! 众所周知,在Firefox下input type=button的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致); 按...
简单CSS3 让搜索更有爱 日期:2013-10-24 点击:158 好评:0
首先,请看右侧搜索位置,试试先!!(如果你用的是IE,悲剧了) 小小的动画,是css3实现的,很有爱,有木有!! 代码如下: .searchdemo {display:inline-block;position:relative;height:27px;margin:60px;}.searchdemo:hover {-webkit-box-shadow:0 0 3px...
CSS3详解:border-radius 日期:2013-10-24 点击:143 好评:0
讲到css3的border-radius这个玩意,可以很好玩。比如:圆角矩形,圆,椭圆等等。 CSS3 border-radius是什么? border-radius的含义是:圆角。 CSS3 border-radius的书写格式: border-radius: a px,比较常见,其中 a 表示数值,下同; -webkit-border-top-l...
解决Button在IE6、7下的自适应宽度问题 日期:2013-10-24 点击:193 好评:0
很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。 写一个Button,有两种方式:其一,直接button标签;其二,input type=button。 不管哪种方式,Button的宽度在IE6、7下总是不能完美,接下来我们演示...
推荐13个CSS3快速开发工具 日期:2013-10-24 点击:103 好评:0
有了下面这些工具,你可以快速方便地掌握css3 并利用它构建页面效果: 1.? CSS3 Pie 2.? CSS3 Builder 3.? CSS3 Drop shadow generator 4.? Cascader 5.? Border Radius.com 6.? Button Maker 7.? CSS3 Generator 8.? Modernizr 9.? HTML5 CSS3 Support 10.?...
CSS3详解:text-shadow 日期:2013-10-24 点击:114 好评:0
在CSS3详解的上一篇中我们讲到了 transform 的具体属性和用法,今天我们看一个相对简单的 text-shadow 。 CSS3 text-shadow是什么? text-shadow的含义是:文本的阴影,给文本添加阴影效果 CSS3 text-shadow书写格式: text-shadow: a px b px c px # color...
详细解说:简单CSS3实现炫酷读者墙 日期:2013-10-24 点击:118 好评:0
如题,给大家介绍和讲解几个常用的CSS3属性,并用到实处。 先看demo( 请使用Chrome或者Firefox浏览,IE的靠边 ): 点此查看实例 觉得爽的可以继续阅读下面的知识点,感觉不爽的可绕行。 使用基础的Html和CSS写出雏形 需要一提的是头像(img)的排版。给外...
解读浮动闭合最佳方案:clearfix 日期:2013-10-24 点击:201 好评:0
之前给大家介绍两种浮动闭合的办法 CSS清除浮动 万能float闭合 ,得知很多同学都在使用下面的骨灰级解决办法: .clear{clear:both;height:0;overflow:hidden;} 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题...
EMOTIV INSIGHT 是一款轻巧、多频段无线耳机,它可以监测佩戴者的脑部 活动 ,或者直...
尽管这已经不是宜家(IKEA)第一次在产品型录中运用 AR 扩增实境,来让消费者能够跟深...
超声波距离传感器的功耗...
最近,杰弗里马丁拍摄制作了一张超清晰的日本东京巨幅全景 照片 ,逼真的画面效果令人...
你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载...
原文链接请点击 此处 ,作者为 Richard Clark . 一、不要使用section作为div的替代品 ...