码迷,mamicode.com
首页 >  
搜索关键字:css    ( 52282个结果
简易配置Django的Static文件
http://blog.csdn.net/hireboy/article/details/8806098Django 1.3以后,采用static方式处理静态文件,比如网站的css js images等等,而以前所谓的media改成处理网站自身以外的媒体文件了。media和static用途上容易混淆...
分类:其他好文   时间:2015-02-25 17:03:47    阅读次数:169
grunt 入门实践实记
在Javascript的 开发过程中,经常会遇到一些重复性的任务,比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通 常,我们需要使用不同的工具,来完成不同的任务,既重复劳动又非常耗时。Grunt就是为了解决这个问题而发明的工具,可以帮助我们自动管理和运行各种任务。sudo ...
分类:其他好文   时间:2015-02-25 16:48:52    阅读次数:177
适合移动设备的jQuery滑动按钮插件
这是一款非常实用的jQuery滑动按钮插件。该滑动按钮插件可以将input元素转换为滑动按钮样式。插件中使用javascript来控制滑动按钮的滑动,样式使用纯CSS来制作。 该jQuery滑动按钮插件可以在支持jQuery 2的浏览器上工作,IE6-8不支持该插件。 IE9不支持CSS transitions,在IE9上不会有动画效果。 该滑动按钮支持Pointer、触摸屏和鼠标点击。 ...
分类:移动开发   时间:2015-02-25 15:42:42    阅读次数:153
有趣的CSS盒子模型——【牛腩新闻发布系统】
传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用css排版后,通过由css定义的大小不一的盒子和盒子嵌套来编排网页。css盒子模型是div排版的核心。   说白了就是以前没用css盒子模型,html中的元素就像一堆散乱的苹果;用了之后,就变成整箱整箱的苹果摞到一起。这种方式排版的网页,代码简洁,更新方便,容易兼容多种浏览器。 nice to meet you! ...
分类:Web程序   时间:2015-02-25 15:39:06    阅读次数:178
【CSS】关于position:absolute布局
在网页中,如果需要left与top属性生效,就必须为这个div的style属性加入position:absolute,这样,此div才能游离于整体的div布局之外,也就是说,你没有加position:absolute之前,所有的div遵循我在《【CSS】关于div的对齐与网页布局》(点击打开链接)所提到的,各种各样布局。 例如下面的代码: 就得到如下的效果: 如果把posit...
分类:Web程序   时间:2015-02-25 15:38:34    阅读次数:151
inline-block和text-indent在IE6,IE7下同时使用的兼容问题解决方法
在实际应用中,考虑到seo,很多button,icon都要用到inline-block和text-indent来处理,例如:Button当我们把css写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:-9999p...
分类:其他好文   时间:2015-02-25 15:32:08    阅读次数:90
EasyUI入门:怎样引入及简单使用
或许,仅仅有当做比較大的项目的时候,才会发现封装好的东西会为程序员们带来多少方便。合作开发的时候更应该强调复用,才干更加发挥团队的优势。 今天使用了一些EasyUI,发现非常wonderful! 比方,曾经,我们为了写一个还看得过去的button,得先在HTML里面增加button,然后在CSS里....
分类:其他好文   时间:2015-02-25 15:25:07    阅读次数:141
CSS jquery实现Div底部固定,不随滚动条移动
CSS jquery实现Div底部固定,在固定的Div内你可以显示菜单、公告提示、每日推荐等,再加上一个关闭功能那就更完美了。本例代码主要是演示jQuery与CSS配合实现Div的定位功能,搞明白了肯定以后受益匪浅。...
分类:移动开发   时间:2015-02-25 14:14:00    阅读次数:192
css 右上角应用
.hot_play{ position: relative; float:left;}.hot_play ul{ float: left;}.hot_play li{ float: left; position: relative; width: 95px; ...
分类:Web程序   时间:2015-02-25 12:51:37    阅读次数:190
CSS边框阴影效果
ul { margin:5px 0 0 0; padding:0; list-style:none; width:300px; background:#f1f1f1; }li { border-left:1px solid #fff; border-bottom:1px solid #999; bo...
分类:Web程序   时间:2015-02-25 10:16:16    阅读次数:127
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!