本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
使用CSS3样式Child选择器
使用 (>)符号。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body > p {
color: red;
}
</style>
</head ...
使用CSS3样式相邻选择器
使用 (+)符号。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h2 + p {
color: red;
}
</style>
</head ...
用CSS3设置mailto:像网页中使用css一样
下例显示了你可以怎样设计mailto:超链接的网页使用CSS属性选择器。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
a[href^='mailto:'] {
color: green;
...
transition-duration
transition-duration : <time> [,<time>]
-----------指定改变样式整个过程完成时间的秒数
time是对象过渡的持续时间,数值,单位是s 秒 比如: 0.1s 或者.1s
多个值用逗号(,)进行分割
脚本特性为transitionDuration
默认是0 ,变化是即时的
浏览器支持
...
css3之border-radius
简单记录:
其实以前的做法多是通过切的底图作为div的背景去实现拼接后生成所谓的圆角效果。
但是随着css3出来以后再部分浏览器已经不需要在那么麻烦,出现冗余的div和css代码。
border-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left ...
PIE让IE支持CSS3圆角阴影渐变等效果
最近做网站,想用CSS3,但IE真是个蛋疼的货,对CSS3的支持实在。。。最后有一天在github上发现了PIE,PIE网站上的介绍:
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
目前,PIE支持的CSS3属性主 ...
值得推荐的6个强大的HTML5编辑器
本文介绍6个功能强大的HTML 5编辑器,希望对致力于HTML 5的开发人员有所帮助。
1. Mercury : HTML5 Powered WYSIWYG Editor
Mercury 是个全功能的编辑器,包含TinyMCE和CKEditor同样的功能,但又有不同的特性。与iFrames有所不同,它使用了HTML5内容可编辑功能等。Mercury 是由CoffeeScript代 ...
CSS 3 UI元素状态伪类选择器
接《css 3 选择器》
在css3选择器中,除了结构性选择器之外,还有一种UI元素状态伪类选择器,这些选择器的共同特征是:指定的样式只用当元素处于某种状态下才气作用,在默认的状态下不起作用。
在css 3 中共有11中UI伪类选择器,分别是:
E:hover;/*支持firefox、safari、Opera、ie8、chrome*/
E:active;/*支持firefox、safari、 ...
css 3 选择器小结
今天把css3的选择器学习了一下。现在做个整理。
1.css 3中的属性选择器
(1)[att^=val]----如果元素用att表示的属性值属性值得开头字符为val,则改元素使用这个样式。
例:
[id^=s]{
background:#0C6;
}
(2)[att*=val]-----如果元素用att表示 ...
CSS按钮制作
11个CSS3按钮制作教程_HTML5研究小组_HTML5教程_HTML5资源_HTML5游戏
11个CSS3按钮制作教程
http://www.mhtml5.com/2011/08/2642.html
超简单的纯CSS代码实现的图片浏览器
纯CSS代码实现的图片浏览器示例:
http://www.vejia.com/code/imgViewer.html
<style>
.out table,.out table td{
border-collapse:collapse;
background:#000;
border:#000 solid 3px;
}
.out table tr td a img{
hei ...
css3
CSS3中的几个有趣的新技术:圆角、个别圆角、阴影、调整元素大小和倒影反射效果
圆角效果:
-webkit-border-radius : 10px;
阴影效果:
-webkit-box-shadow :0px 0px 10px 6px #FFF;
取值:阴影水平偏移(可取正负值)| 阴影垂直偏移(可取正负值) | 阴影模糊值 | 阴影深度 | 阴影颜色
调整元素大小:
...
css3
记录下部分常用的css3
1.transform (变形、转换)
-moz-transform/-webkit-transform/-o-transform/-ms-transform;
(支持chrome,safari,opera,firefox,IE9)
a.rotate
transform:rotate(90deg); //顺时针旋转90度 支付宝页面看到有 ...
用PHP和CSS3 超简单的自作个人简历
我来介绍一款基于PHP和CSS3,超简单的完成个人简历的脚本程序。
我们先来看一下它的效果。
Creating a PHP and CSS3 Powered About Page | Tutorialzine
它设定起来也是非常的方便。就是将你的个人信息,按照要求添加到配列里就可以了。
是不是非常的容易。在没有时间制做你的个人简历的情况下 ...