最新消息:欢迎您光临磊迅科技淘宝店 https://shop112320432.taobao.com

HTML/CSS

有HTML5、CSS3等最新的HTML和CSS知识

CSS创建三角形(小三角)的几种方法
HTML/CSS

CSS创建三角形(小三角)的几种方法

admin 2013-10-24 136浏览 评论

你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元素之间的联系关系式很重要的。 有一些不同的方法来设计并制作一个三角形,在本文中,我将介绍: 点此查看实例展示 编...

详解CSS中:nth-child的用法
HTML/CSS

详解CSS中:nth-child的用法

admin 2013-10-24 199浏览 评论

前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“ :nth-child ”。 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途: Tips: 还用低版本的IE浏览器的哥们请绕过! :nth-child(2...

CSS3详解:background
HTML/CSS

CSS3详解:background

admin 2013-10-24 115浏览 评论

CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法,但引用图片之间需用“,...

CSS巧妙实现分隔线的几种方法
HTML/CSS

CSS巧妙实现分隔线的几种方法

admin 2013-10-24 201浏览 评论

前几天一 @同事 看新浪微博里有个类似分隔线的提示,就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。 单个标签实现分隔线: 点此查看实...

发个自己的CSS重置基础代码
HTML/CSS

发个自己的CSS重置基础代码

admin 2013-10-24 120浏览 评论

关于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学习资源
HTML/CSS

推荐:7个有用的HTML5学习资源

admin 2013-10-24 192浏览 评论

虽然HTML5还是很新,没有被所有主要浏览器支持,但现在还是有许多设计师和开发人员使用。毫无疑问,几年下来,HTML5将对web开发起着很重要的作用。我注意到很多人都在使用它,但也有许多人还没有接触过HTML5。为了帮助学习这个任务,我们收集了7个有用的HTML...

解决Firefox下input button内文字垂直居中
HTML/CSS

解决Firefox下input button内文字垂直居中

admin 2013-10-24 183浏览 评论

很老的问题了,如今再次碰到,记录下来,给后来者方便! 众所周知,在Firefox下input type=button的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致); 按...

简单CSS3 让搜索更有爱
HTML/CSS

简单CSS3 让搜索更有爱

admin 2013-10-24 158浏览 评论

首先,请看右侧搜索位置,试试先!!(如果你用的是IE,悲剧了) 小小的动画,是css3实现的,很有爱,有木有!! 代码如下: .searchdemo {display:inline-block;position:relative;height:27px;margin:60px;}.searchdemo:hover {-webkit-box-shadow:0 0 3px...

CSS3详解:border-radius
HTML/CSS

CSS3详解:border-radius

admin 2013-10-24 143浏览 评论

讲到css3的border-radius这个玩意,可以很好玩。比如:圆角矩形,圆,椭圆等等。 CSS3 border-radius是什么? border-radius的含义是:圆角。 CSS3 border-radius的书写格式: border-radius: a px,比较常见,其中 a 表示数值,下同; -webkit-border-top-l...

解决Button在IE6、7下的自适应宽度问题
HTML/CSS

解决Button在IE6、7下的自适应宽度问题

admin 2013-10-24 197浏览 评论

很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。 写一个Button,有两种方式:其一,直接button标签;其二,input type=button。 不管哪种方式,Button的宽度在IE6、7下总是不能完美,接下来我们演示...