CSS3

CSS 各种定位(position)方式的区别

前端开发 发布于 8个月前 (12-26)

static:静态定位是position的默认值,元素框正常生成,也就是没有定位时的正常显示。relative:相对定位用法一:元素相对自身的原位置偏移某个距离,但是原本的空间依旧保留,表现为空白。用法二:把一个元素设置为position:relative;可以使该元素[&hel...

阅读(392)评论(0)赞 (1)

超级链接中伪类使用

前端开发 发布于 2年前 (2016-02-26)

需求:访问前(a):字体大小是10px,颜色是红色;顶线是虚线,红色访问后(a:visited):字体大小是20px,颜色是蓝色;底线为双实线,粉红色光标经过(a:hover):字体大小是30px,颜色是绿色;删除线,颜色为蓝色点击时(a:active):字体大小是40p[&he...

阅读(629)评论(0)赞 (2)

CSS3制作圆角矩形

前端开发 发布于 2年前 (2015-07-24)

CSS3圆角技术能非常好的美化你的页面效果,而且避免了使用图片辅助,一则省去了制作图片的时间,二则省去了浏览器加载图片造成的延迟和带宽。如今,这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持,包括Safari,谷歌浏览器,IE,Opera和火狐浏览器。border-[...

阅读(1189)评论(0)赞 (1)

CSS3文字动态阴影效果

1

前端开发 发布于 2年前 (2015-06-19)

端午节了,先祝大家端午节快乐。翠儿姐这会儿精神来了,给大家做了一个CSS3文字动态阴影效果。看起来很挺不错,现在分享给大伙,希望你们用的上。先看效果图,如下:看起来还不错吧,小伙伴们。我也告诉大家,重点是鼠标移动时,阴影效果会动哦。CSS代码如下:.demo-text{[&hel...

阅读(1120)评论(0)赞 (6)

CSS3教程-用户界面

3

前端开发 发布于 2年前 (2015-06-14)

Hello!前端开发的小伙伴们,感谢你们一直陪伴我,一直对前端开发网的支持,今天这篇CSS3教程-用户界面呢,是css3教程的最后一篇文章呢,希望大家可以学到真正实用的东西。CSS3为网站界面重新提供了独特的渲染属性,本文为大家详细介绍。CSS3用户界面:在CSS3中[&hell...

阅读(1033)评论(0)赞 (1)

CSS3教程-多列

1

前端开发 发布于 2年前 (2015-06-14)

Hello!小伙伴们,我们上一篇文章的CSS3教程-动画知识大家有没有消化完呢?CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB前端开发人员轻松的让文本呈现多列显示。CSS3多列:通过CSS3,您能够[&he...

阅读(972)评论(0)赞 (0)

CSS3教程-动画

2

前端开发 发布于 2年前 (2015-06-14)

或许你已经看过很多关于CSS3动画的技术,包括前端开发之前发表的一些,那么现在就请看一看CSS3教程-动画的基础知识吧。CSS3动画:通过CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash动画以及JavaScript。CSS3@keyframe[&hellip...

阅读(989)评论(0)赞 (0)

CSS3教程-过渡

2

前端开发 发布于 2年前 (2015-06-13)

前端开发的小伙伴么,我们又见面了。大家知道,在CSS2的世界中,过渡常常是非常单薄的,要么是从一种颜色变成另一种颜色、要么是从不透明变到透明,总而言之就是由一种状态变到另外一种状态。这就导致了很多页面给人的感觉很突兀,没有一个平滑的过渡。CSS3现在已经添加到了Webkit中,[...

阅读(5206)评论(1)赞 (0)

CSS3教程-2D 转换

7

前端开发 发布于 2年前 (2015-06-13)

前端开发的小伙伴们,你们知道css3教程中css3是怎样实现div的2d,3d旋转呢?这个过程是一个非常有趣的过程,大家不妨来学学。CSS3转换:通过CSS3转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。那么它是如何工作的?转换是使元素改变形状、尺寸和位置的[&helli...

阅读(1198)评论(0)赞 (1)

CSS3教程-文本效果

4

前端开发 发布于 2年前 (2015-06-12)

CSS3提供了很多的设计上的新技术和高级功能,它给Web前端开发开发带来了革命性的影响,以前很多需要JavaScript才能实现的复杂效果,现在使用CSS3就能简单地实现。本文给大家介绍CSS3教程-文本效果,希望能帮助提高你的CSS技巧。CSS3文本效果:CSS3包含多[&he...

阅读(904)评论(0)赞 (3)

CSS3教程-字体

2

前端开发 发布于 2年前 (2015-06-12)

前端开发的程序员们,你们对使用CSS3教程-@font-face实现个性化字体了解多少呢?今天我们给大家介绍CSS3@font-face,有兴趣的可以了解下。在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户[&h...

阅读(1020)评论(0)赞 (2)

CSS3教程-背景

4

前端开发 发布于 2年前 (2015-06-11)

前端开发的程序员们,每天给大家讲解一些关于CSS3教程的知识是多么开心的一件事啊,CSS3包含多个新的背景属性,它们提供了对背景更强大的控制。在本文,您将学到以下两种背景属性:1、background-size;2、background-origin。您也将学到如何使用[&hel...

阅读(911)评论(0)赞 (3)