Color Stops：在使用CSS3渐变属性生成图片的时候，有时候为了打造更丰富的渐变效果除了声明渐变线上的起始点和终止点的色值，还有声明一些中间点的色值，这些点我们就称之为Color Stops。一个色值加上当前点的位置。当我们省略点位置表示的时候Color Stops helper function 会自动帮我们计算输出这个点的位置。Colors：用来亮化调整一个色值（用到的极少极少）Constants：Cross Browser：如果我们要为compass贡献跨浏览器的CSS新特...
引入Utilities： @import "compass/utilities"; 分别引入： @import "compass/utilities/color"; Color：颜色相关的工具集合1、Color Brightness用来计算一个值的亮度 1 @debug brightness(#000);2 @debug brightness(#ccc);3 @debug brightness(#fff); 在命令行会输出颜色的亮度。2、Color Contrastcontrasted mixin根据我们传入的背景色的色值自动帮我们...
css雪碧图又叫css精灵或css sprite，是一种背景图片的拼合技术。使用css雪碧图，能够减少页面的请求数、降低图片占用的字节，以此来达到提升页面访问速度的目的。但是它也有令人诟病的地方，就是拼图和后期维护的成本比较大。也正是因为这一点，导致很多开发者懒于使用css雪碧图。 配置compass项目 $ compass init 会生成相应的目录和配置文件。在images目录下建立logo目录存放需合并的图标。项目目录结构如...
怎么设置能使得jsp页面各个模块区域在网页按比例缩放的时候，还是保持原样？ 回复讨论(解决方案) 使用百分比做布局 比如 width: 50%
在做经管系主网页的同时也在进行着中文系主网页的构建，果然是只有自己去实践了，才能遇到各种各样的问 题，然后再去寻找解决这些问题的方法，最后进行修改和不断的调试，最后达到自己想要的效果。中文系主网页构建 遇到的问题也很多，首先就是遇到了在排版链接文字时由于宽度是固定的文字过多造成折行显示，这种结果是不想要 的，还有就是想要多出宽度的文字用省略号代替。 上面的两个问题都是CSS样式的应用，先来...
说起前端模块化开发，大部分人可能只会想到js模块化开发吧，网上也确实有各种各样的js模块化方法，但是鲜有谈论Css模块化开发的吧。因为JS是编程语言，比如业内的seajs、KISSY loader等，都有很成熟的模块化规则和方案了，前端工程师可以采用模块化的方法去编写页面，打包，上线，但是CSS界却没有。 后来，CSS界出现了SASS、LESS之类的语言，这些语言的出现可以说是非常应景的，有一点很重要，拿LESS举例，less支持了模块化，你可...
jfinal cms 2.6.0 发布了，更新说明： 最新有一些时间，尽量把一些想做的功能陆续都加上， 所以 更新相对频繁了一些。 加入意见反馈管理模块，可以通过前台反馈意见。 加入栏目滚动图片模块，迁移原有前台首页滚屏数据。（之前通过文章实现比较别扭） 加入栏目公告模式，可以根据各个栏目来发布相关公告信息。 重新优化后台菜单列表。 修复前台分页bug。 修复上一版主题表字段数...
在这个前端发展日新月异的世界，能够找到有所影响的概念相当困难，而将其准确无误的传达，让人们愿意尝试，更是难上加难。 拿CSS来看，在我们写CSS时，工具侧最大的变化，也就是CSS处理器的使用，如：可能公认最好的SASS。还有PostCSS，提供了另一种不同的解决方案，但也相差不大，属于同种东西，都是输入浏览器不支持的语法，然后输出浏览器支持的语法。（这里和之前的文章认识不同可以点击《PostCSS的认识误区》查看详细） ...
前言 这是Glen Maddern发布于2015年8月19日的一篇文章，主要是之前翻译的文章《理解CSS模块方法》里提到这篇文章，现在算是顺藤摸瓜跟进来看看。 这里的翻译都是根据我自己的理解进行的，所以不是一句一句的来的，有哪些不对的也在所难免，水平有限，希望大家指出。 正文 如果想在最近CSS开发思想上找到一个转变点，最好去找Christopher Chedeau 2014年11月在NationJS上发表的“css in js”演讲。这是一个分界线，各...
如果你想知道 CSS 最近发展的转折点，你应该选择去观看 Christopher Chedeau 于 2010 年提出来的一个概念），那么 Christopher 则是让许许多多的可能变得更加接近（译者注：上面三个工具中的两个灵感都是来自他的分享）。 上图列出的这些都是在许多大型 CSS 代码库中存在的问题。Christopher 指出，只要将你的样式通过用 JS 去管理，这些问题都能很好的解决。不得不说这的确是有道理的，但是这种方法有它的复杂性并会带来其他的...
当时看了本书，网站蓝图，然后瞎倒动起来。如下 一般注册过程包括以下步骤： 1.用户按照提示填写表单。 2.用户在填写表单的时候提示是正确否输入了内容，如果没有，提示用户。 3.用户提交表单，所有项是否都正确，如果出错，提示哪项有错误。 4.用户成功提交表单或者取消表单。 在填写表单过程中，常见验证方法有如下几种： 1.用户是否在注册的用户名或ID中使用了非法字符。 2.用户是否输入了内容。 3.两次输...
在网站的初始开发阶段，当你拿到最初的psd设计稿时，你是如何下手开始的呢？ 你是依据什么划分网页的结构的？ 你将依据什么如何提取网页内部的公用样式呢？ 模块化的布局，最大的好处，便是易于开发和维护。更好的响应需求的变更。模块之间不相互依赖，又有一定的共性。 模块化的布局通常应用在大型的互联网网站开发中。 它的网站架构更需要的是在合理的嵌套中保持最好的健壮性，可拓展，易维护性。 例如： 你是否曾...
How we use BEM to modularise our CSS If you’re not familiar with BEM, it’s a naming methodology that provides a rather strict way to arrange CSS classes into independent components. It stands for Block Element Modifier and a common one looks like this: .block {} .block__element {} .block--modifier {} .block__element--modifier {} The principles are simple —...
目录 简介 npm有两层含义。一层含义是Node.js的开放式模块登记和管理系统，网址为 http://npmjs.org。另一层含义是Node.js默认的模块管理器，是一个命令行下的软件，用来安装和管理node模块。 npm不需要单独安装。在安装node的时候，会连带一起安装npm。但是，node附带的npm可能不是最新版本，最好用下面的命令，更新到最新版本。 $ npm install npm@latest -g 上面的命令之所以最后一个参数是npm，是...
不用float实现模块居中布局_CSS/HTML最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。结构代码，top left right foot 四个模块全部独立、互不嵌套。＜p id="top"＞head＜/p＞ ＜p id="left"＞ ＜p id="left_module"＞left＜/p＞＜/p＞ ＜p id="right"＞ ＜p id="right_module"＞right＜/p＞＜/p＞ ＜p id="foot" ＞foot＜/p＞顶部属于常规定义。#top { height:100px; background:#ccc; width:760px...