Css
CSS3实现各种表情
CSS3实现各种表情 效果图： 代码如下，复制即可使用：<!DOCTYPEhtml><html><head><title></title><styletype="text/css">body{text-a...
CSS3实现图片木桶布局
CSS3实现图片木桶布局 效果图： 代码如下，复制即可使用：<!DOCTYPEhtml><script>window.navigator.appVersion.indexOf('Trident')!=-1&&alert('请用谷歌或火狐...
css实现导航切换
css实现导航切换 效果图： 代码如下，复制即可使用：<!DOCTYPEhtml><html><head><title>css实现导航切换</title><styletype="text/css">.clothes{...
CSS3实现文字折纸效果
CSS3实现文字折纸效果 效果图： 代码如下，复制即可使用：<!DOCTYPEhtml><html><head><title></title><styletype="text/css">html{heig...
CSS3实现扇形动画菜单特效
CSS3实现扇形动画菜单特效 效果图： 代码如下，复制即可使用：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>CSS3实现扇形动画菜单特效&l...
纯CSS + 媒体查询实现网页导航特效
纯css+媒体查询实现网页导航特效 附上效果图： 代码如下，复制即可使用：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document...
CSS3小黄人
CSS3实现小黄人 效果图： 代码如下，复制即可使用：<!DOCTYPEHTML><HTML><head><title>CSS3实现小黄人</title><style>*{margin:0;padding:0;}bo...
JQ + CSS实现浪漫表白必备
JQ+CSS实现浪漫表白必备页面 效果图： 图片素材： 代码如下，复制即可使用：<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="t...
CSS3实现放大缩小动画
HTML <div><divcolor:#800000;">"height:35px;width:300px;background:orangered;border-radius:4px;"id="animat"></div></div>CSS#animat{posit...
CSS3中的transition属性详解
一、语法transition:propertydurationtiming-functiondelay transition属性是个复合属性，她包括以下几个子属性：transition-property：规定设置过渡效果的css属性名称transition-duration：规定完成过渡效果需要多少秒或毫秒t...
text-transform CSS
text-transform 控制文本的大小写(只对英文起作用，对汉字无效)Example:<pclass="p1">ThisisanHIElement</p><pclass="p2">ThisisanHIElement</p><pclass="p3"&g...
CSS 随笔
Html: <div>Hello</div>css: div{resize:both;overflow:auto;} (1).默认情况下，box-sizing的值是content-box,这个时候width和height不包含padding和border<divcla...
cssz中<a>标签鼠标选中去除选中边框
IE：<ahref="#"hidefocus="true"></a>非IE：a:focus{outline:none;} 参考：http://blog.csdn.net/mchange/article/details/8662799...
CSS控制print打印样式
一、添加打印样式 1.为屏幕显示和打印分别准备一个css文件，如下所示： 用于屏幕显示的css：<linkrel="stylesheet"href="css/mainstylesheet.css"media="screen"/> 用于打印的css：<linkrel="st...
css控制页面打印（分页、屏蔽不需要打印的对象）
样式：<style media="print"> .Noprint { DISPLAY: none;} .PageNext { PAGE-BREAK-AFTER:&nb...
