前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » css3

CSS3 Flex学习

发布者:前端集合 // 发布时间:2013年09月13日 // 分类:前端集合 // 访问: 5,231 次 // 热度:

CSS3的Flex属性是一个非常有用的布局方式.一. 它的作用如果元素容器没有足够的空间,我们无需计算每个元素的宽度,就可以设置他们在同一行;可以快速让他们布局在一列;可以方便让他们对齐容器的左、右、中间等;无需修改结构就可以改变他们的显示顺序;如果元素容器设置百分比和视窗大小改变,不用提心未指定元素的确切宽度而破坏布局,因为容器中的每个子元素都可以自动分配容器的宽度或高度的比例。二. 它的...

不用任何图片但是非常棒的CSS3 button

发布者:前端集合 // 发布时间:2011年09月13日 // 分类:前端集合 // 访问: 3,280 次 // 热度:

浏览Demo查看实际效果1. HTML代码<a href="" class="button add">Add</a>2. CSS代码.button{        display: inline-block;    &#...

CSS3 Transitions 小试牛刀

发布者:前端集合 // 发布时间:2011年08月05日 // 分类:前端集合 // 访问: 3,496 次 // 热度:

浏览Demo查看实际效果经常写CSS的朋友知道,:hover是我们经常要打交道的,比如鼠标hover变个色神马的.今天我们学习一下CSS3中的一些类似用法,效果很不错的哦.1. CSS3 transitions在链接中的妙用首先看代码a, a:link, a:visited { color:#4a4a4a;     -webkit-trans...

用CSS 3制作的漂亮导航

发布者:前端集合 // 发布时间:2011年07月14日 // 分类:前端集合 // 访问: 3,271 次 // 热度:

Demo看起来不错吧,不要因为使用的图片哦,全部都是使用CSS实现的。在firefox和chrome能得到最佳效果,CSS 3中的圆角和渐变不被IE支持。HTML        <div  id="nav">      &...

css3 漂亮文字效果生成工具

发布者:前端集合 // 发布时间:2011年06月13日 // 分类:前端集合 // 访问: 3,417 次 // 热度:

工具地址点击那些白天的小按钮,就能直观地看到文字效果。在“Font Family”的下拉框中,还能选择工具中提供的字体。生成你想要的效果以后,点击“Get Code”,就会生成代码。如下图:工具地址

Top