官网:http://he.catfish-cms.com/ 修改版本(修改一些BUG和图片上传服务器 点击下载: handyeditor富文本编辑器.zip): 图片上传接口上传类型: Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryPZsqN8AAcNd2UG2k 参数: ------WebKitFormBoundaryPZsqN8AAcNd2UG2k Content-Disposition: form-dat

http://www.lesscss.net less.js下载 LESS 1.5已经放出Beta 1版本,支持source map等新特性,欢迎尝鲜.详细变更请见更新日志. 生产环境使用建议下载1.4.2稳定版本. 1.5.0 Beta 11.4.2如果您需要在IE6.7.8中使用,请先在引入less.js前先引入es5-shim. https://github.com/kriskowal/es5-shim 浏览器端使用 LESSCSS也可以不经编译,直接在浏览器端使用. 使用方法: 下载LE

导读:上篇博客说到用XSL去实现XML文档的表现形式的美化,那么另外一种方式就是CSS的使用.本篇博客系统的介绍CSS,下篇博客,将系统的介绍XSL. 一.CSS的发展历史 1996年,层叠样式表(Cascading Style Sheets,CSS)是作为把有关样式属性信息如字体和边框加到HTML文档中的标准方法提出来的. 在W3C的努力下,CSS有一套比HTML更为清晰,数量并不十分巨大的规则集.CSS在应用中不断走向成熟,现在,CSS具有两个不同层次的标准:CSS1和CSS2. 1.1,C

做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件.当然,和jQuery一样,Bootstrap同时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI组件.本文就介绍了8个强大的基于Bootstrap的CSS框架,一起来看看. 1.Bootstrap Metro Dashboard – 基于Bootstrap的后台管理面板 这是一款基于Bootstrap的Metro风

经常在一些大神博客里面看到非常好看的高亮代码,有sublime风格,GitHub风格等等.毫无疑问,好的高亮代码插件可以不仅仅让你的博文显得更高大上,更重要的是舒适的阅读体验.经过我在网上的一番搜罗,终于找到了一款非常赞的高亮插件,先来看看效果吧! 1.Javascript 效果 //检测URL function checkeUrl(url){ return new RegExp("^(https|http|ftp|rtsp|mms)://[-a-zA-Z0-9+&@#/%?=~_|!:

1. 如何清除图片下方出现几像素的空白间隙 方法1 img { display: block; } 方法2 img { vertical-align: top; } // 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的<length>和<percentage>值都可以 方法3 // #test为img的父元素 #test { font-size: 0; line-height: 0; } 2. 如何让文本垂直对

myFocus是一个专注于焦点图/轮换图制作的JS库,它小巧而且是完全独立的JS库,用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的小(1KB左右),功能也十分的完备,因为是轻量级,其运行效率也比常见的焦点图要高. 最重要的一点是,用myFocus制作出的焦点图使用十分的简单方便,而且每个焦点图的接口/结构都是通用的,这样,只用1~2秒时间就给网站换不同风格的焦点图成为了可能. myFocus的设计理念就是简单易用,无论是多么复杂应用的焦点

Div+css技术 Div是用于存放文字,图片,元素的容器 Css 是用于指定存放在div中的内容如何显示,包括内容的位置和外观(层叠样式表) Html 文件 <!--必须引入的文件--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

JS 和 CSS 在页面中的位置,会影响其他资源(指 img 等非 js 和 css 资源)的加载顺序,究其原因,有三个值得注意的点: JS 有可能会修改 DOM. 典型的,可能会有 document.write. 这意味着,在当前 JS 加载和执行完成前,后续所有资源的下载有可能是没必要的.这是 JS 阻塞后续资源下载的根本原因. JS 的执行有可能依赖最新样式.比如,可能会有 var width = $('#id').width(). 这意味着,JS 代码在执行前,浏览器必须保证在此 JS

避免使用@import 有两种方式加载样式文件,一种是link元素,另一种是CSS 2.1加入@import.而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟.虽然规则允许在样式中调用@import来导入其它的CSS,但浏览器不能并行下载样式,就会导致页面增添了额外的往返耗时.比如,第一个CSS文件first.css包含了以下内容:@import url(“second.css”).那么浏览器就必须先把first.css下载.解析和执行后,才发现及处理第二个文件secon

Normalize.css:优化重置CSS默认属性 官方网站:http://necolas.github.io/normalize.css/ 项目仓库:https://github.com/necolas/normalize.css/ 下载方法: NPM npm install --save normalize.css Bower bower install --save normalize-css CDN See https://cdnjs.com/libraries/normalize Do

研究zlib库,想实现一个类似winrar功能的小东东,打开winrar界面看它的工具栏比较好看于是动手想做一个,当然资源也使用的是winrar附带的.下面是截图:真彩色(32位)32*32大图标工具栏 我得工具栏风格 smile风格 代码下载 感触:软件功能重要,软件的形象也重要.好的UI界面给优美的感觉,小软件要花哨,大软件要庄重. from:http://www.cppblog.com/wlwlxj/archive/2006/11/09/14897.html

做前端开发有时候会碰到任务紧急,需要马上写好静态页的问题.比如,设计师给你扔了一个设计稿,要你在下班之前搞定.这时候你如热锅上的蚂蚁,如果自己写css的话,时间紧张,于是上网找了一下相关模板页面,找到了一个80% 90%像的页面,想马上把他的css给"偷"下来,但是你打开了页面的css,发现大量与本页面无关的css掺杂在里面,如果一个个校验剔除,费时费力.假设有一个东西能马上帮你把页面无关的css给去除就OK了.现在轮到了一个厉害的gulp插件登场了,gulp-uncss它就能做到.

原文地址: Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS 原文作者: Anthony Gore 译者: 蜗牛(GivenCui) 校对者: veizz "消除阻塞渲染的CSS和JavaScript". 这一条Google Page Speed Insights的建议总让我困惑. 当一个网页被访问时,Google希望它仅加载对初始视图有用的内容,并使用空闲时间来加载其他内容.这种方式可以使用户尽可

行内脚本:避免放置在css和其他资源之间. 若在head中,最好放在css样式表之前,如果放置在样式表之后,会引起css阻塞. css阻塞:由于浏览器要保证css和JavaScript的执行顺序,css之后如果有js,浏览器会先等待css下载执行完毕,再去执行这部分行内的js脚本(这是因为行内脚本可能含有依赖样式表中的样式),而脚本的执行也会阻塞后续资源的加载,从而出现css阻塞.所以,一般要将行内脚本放在css之前.这样css就可以和其他资源并行下载了,不会出现阻塞现象.

这里提供两种方法: 1.从网站http://eclipsecolorthemes.org/ 下载,选好自己喜欢的风格后下载epf文件...再使用eclipse的import->preferences来导入刚刚的epf即可... 2.我是参考别人文章的: 最近做php环境转到Eclipse上,开发环境默认都是白底黑字的, 时间长了眼睛很难受,于是找了eclipse color theme安装. 方法1:你可以从Eclipse Marketplace中下载 Please visit here: ht

避免使用@import 有两种方式加载样式文件,一种是link元素,另一种是CSS 2.1加入@import.而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟.虽然规则允许在样式中调用@import来导入其它的CSS,但浏览器不能并行下载样式,就会导致页面增添了额外的往返耗时.比如,第一个CSS文件first.css包含了以下内容:@import url(“second.css”).那么浏览器就必须先把first.css下载.解析和执行后,才发现及处理第二个文件secon

官网:http://mynameismatthieu.com/WOW/ bootstrap CDN服务:http://www.bootcdn.cn/wow/ 1.wow.js 实现了在网页滚动时的动画效果,有漂亮的动画效果,依赖于Animate.css. 2.Animate.css (下载https://daneden.github.io/animate.css/)非常优秀的CSS3动画库,不依赖于jQuery,纯CSS动画 使用方法 1.引入文件<link rel="stylesheet

1.bootstrap 清除浮动原理 .clearfix:before, .clearfix:after { content: ' ', display: table } .clearfix:after { clear: both } // for IE6/IE7 .clearfix:after { *zoom: 1 } after 伪类中 display: table 会创建一个 table-cell ,从而触发块级格式化上下文 BFC,因为容器内的 float 元素也会触发 BFC,并且 B

网页换皮肤的方式有很多种,最简单的通常就是切换页面CSS,而CSS通常写在外部CSS文件里.那么切换CSS其实就是更换html里的link href路径.我在网上搜索了下. 一般有两种方式: 1.页面放一个Holder控件.然后用编程方式把当前用户的风格css link写入页面. 2.过反射机制,逐个控件设置css样式. 上面两种方式都挺麻烦的,第一种需要在每个页面上放一个holder控件,类似的做法还有把link标签加runat=server的做法,页面多了,都比较麻烦.第二种不用考虑了,性能

浏览器渲染流程: 1.浏览器开始解析目标HTML文件,执行流的顺序为自上而下. 2.HTML解析器将HTML结构转换为基础的DOM(文档对象模型),构建DOM树完成后,触发DomContendLoaded事件. 3.CSS解析器将CSS解析为CSSOM(层叠样式表对象模型),一棵仅含有样式信息的树. 4.CSSOM和DOM开始合并构成渲染树,每个节点开始包含具体的样式信息. 5.计算渲染树中个各个节点的位置信息,即布局阶段. 6.将布局后的渲染树显示到界面上. 根据以上的流程,可以知道,当css