HTML/CSS
charles_mo
喜欢海边看浪花的感觉
展开
-
CSS圆角矩形
这篇文章归纳得不错 http://www.missyuan.com/thread-288784-1-1.html 最简单的办法就是直接用上下两个大图放上去,中间用同一种图像Y轴重复还有一种是滑动门的技术,就是分成了三块,看不太懂不过这个文章没具体的代码转载 2011-03-13 09:29:00 · 471 阅读 · 0 评论 -
css - 左右排版
最近发现一个新的左右自适应排版方式 sh原创 2014-04-16 15:07:48 · 645 阅读 · 0 评论 -
CSS3中常用新功能
来源:http://www.w3school.com.cn/css3/index.asp 边框 box-shadow: 10px 10px 5px #888888; border-image:url(border.png) 30 30 round; border-radius:25px; 背景 background-size:63px 100px; bac原创 2014-03-28 16:01:28 · 405 阅读 · 0 评论 -
CSS阴影效果
http://www.webhek.com/css-box-shadow-property/ 核心用法 box-shadow:2px 2px 5px #000; 前两个是x,y 第三是距离 最后是颜色 box-shadow:inset 0px 15px 10px -15px #000; inset是内阴影 -15是线宽度转载 2014-03-06 09:27:07 · 439 阅读 · 0 评论 -
kendoui - 片段
Kendoui Form框架 Title: Twitter handle原创 2013-05-08 12:23:41 · 557 阅读 · 0 评论 -
css3动画特性
transition:变化的参数调整 all 1s linear 1s 参数1:范围 参数2:变幻时间 参数3:插值方法:ease,ease-in,ease-out,linear 参数4:延迟时间 transform: 后接函数,空格分隔 3D变换 translate3d(150px,150px,0) 位置移动 scale3d(1.5,1.5,1) rotate3d(0,0原创 2013-05-19 09:12:11 · 333 阅读 · 0 评论 -
HTML5有意思的实现
网页翻转180度 html{ filter:fliph } body{ -webkit-transform: rotateY(180deg); -moz-transform: skew(0deg, 180deg) scale(-1, 1); -o-transform: skew(0deg, 180deg) scale(-1, 1); trans原创 2013-04-21 16:10:04 · 518 阅读 · 0 评论 -
通用前端框架导航
最近发现几个不错的前端框架网站 学习类 有一些比较精品的学习文章http://www.w3cplus.com/resource/tags/153.html 导航类 jquery插件的网站非常丰富, http://www.jqdemo.com bootstrap主题网站http://bootswatch.com/ bootstrap中文导航网站http://www.boo原创 2013-04-21 16:06:50 · 1007 阅读 · 0 评论 -
CSS基本选择器
a #id .class .classA.classB 一个元素符合两个class .classA .classB ClassA下所有的classB,包含子孙 .classA > .classB classA下所有的子classB,不包含原创 2013-04-24 12:57:10 · 550 阅读 · 0 评论 -
功能类前端框架
kendoui http://demos.kendoui.com/web/overview/index.html kendoui的学习导航网站,确实很强大~! http://try.kendoui.com/framework/templates/2 kendoui做的一个后台网站,确实很强大,能到这个程度算出师了我觉得 http://demos.telerik.com原创 2013-04-22 00:13:16 · 497 阅读 · 0 评论 -
css一般命名规则
<br />常用的CSS命名规则 <br />头:header <br />内容:content/container <br />尾:footer <br />导航:nav <br />侧栏:sidebar <br />栏目:column <br />页面外围控制整体布局宽度:wrapper <br />左右中:left right center <br />登录条:loginbar <br />标志:logo <br />广告:banner <br />页面主体:main <br />热点:hot <br转载 2011-03-13 10:07:00 · 262 阅读 · 0 评论 -
CSS Sprites
<br />这个就是那种图片压缩技术,在游戏开发中常见,算是比较高级的吧,对CSS排版到了中期以后可以看看<br />http://blog.bingo929.com/css-sprites-css-techniques-tools-tutorials.html转载 2011-03-13 09:31:00 · 251 阅读 · 0 评论 -
CSS - 三角形
实现代码 .icon-arrow{ border:10px solid white; border-left:6px solid white; border-right:6px solid white; border-color:transparent; position:absolute; top:-2px; width:0; h原创 2014-04-20 19:50:11 · 362 阅读 · 0 评论