摘要：
BabeLua是一款基于VS （简称VS）的免费开源的Lua集成开发环境，在Lua编辑和调试方面，具有如下功能和特性： ●Lua语法高亮 ●语法检查 ●自动补全 ●一键注释 ●格式化代码 ●自定义代码折叠 ●工程管理 ●快速搜索和跳转 ●文件大纲 ●注入宿主程序内对Lua脚本进行调试 ●设置断点观察 阅读全文
随笔分类 - web---css--layout
Emmet（前身是zen coding）介绍和使用
2014-07-31 15:00 by youxin, 639 阅读, 收藏, 编辑
摘要：
Zen coding - 一种快速编写HTML/CSS代码的方法。它使用仿CSS选择器的语法来快速开发HTML和CSS - 由Sergey Chikuyonok开发。现在它改名为了Emmet，并且搭建了一个新的网站：docs.emmet.io。和一般的编辑器中使用的“代码片段”概念不太一样，Emme... 阅读全文
960 grid 使用
2013-10-20 22:59 by youxin, 419 阅读, 收藏, 编辑
摘要：
去官网下载960 grid，解压后可以看到css下面有如下文件：960.css是一个综合性文件。我们要引入960 ,reset和text 3 个文件。一般情况下调用：如果我们想只使用12/16/24栅格，则不要包含960.css，引入对于的栅格css即可。我下载的960 grid margin-left和margin-right为5px，这意味着gutter为10px。样式说明：container_x:容器样式，x列grid_x:每列宽度alpha：用于清除左边10px的marginomega：用于清除右边10px的marginprefix_xx：左补空suffix_xx：右补空clear或： 阅读全文
960 grid 分析
2013-10-20 22:17 by youxin, 812 阅读, 收藏, 编辑
摘要：
960 网格系统的构造如下:页面总宽度 960px12 栏布局, 每栏 60px每栏两边保留 10px 的外边距, 相当于 20px 的槽内容区域总宽度是 940px960 布局无疑是非常好的网格系统, 因为相当灵活. 它帮助网页设计者快速地构造以下栏栅数目的布局原型: 9 x 3, 3 x 3 x 3, 4 x 4 x 4 x 4, 10 x 2 等. 960 网格系统可能是现在最受欢迎的网格系统, 并已经在很多网站和设计模板上使用.为什么960？1024 x 768 的分辨率下，打开Firefox：自然状态下，Firefox窗体的大小约为 974 x 650. 减掉左右两边7px的边框，网 阅读全文
三列布局中间固定宽度，两边自适应宽度
2013-10-18 01:40 by youxin, 545 阅读, 收藏, 编辑
摘要：
三列布局中间固定宽度，两边自适应宽度。对于我来说，这是一种很少碰到的布局方法，不知道大家有何体会，那么下面我们一起来看这种布局方法的实现过程，同样先来看html代码：this is left sidebar contentthis is main contentthis is right siderbar content这种种方法也是借助于负的margin来实现的，首先我们在中间列定好固定值，因为此值是不会在改变的，接着对其进行左浮动；那么关键地主是在左右边栏设置地方，这种方法是将其都进行50%的宽度设置，并加上中负的左边距，此负的左边距最理想的值是中间栏宽度的一半加上1px，比如说此例中是& 阅读全文
CSS样式常用命名参考
2013-03-31 19:44 by youxin, 237 阅读, 收藏, 编辑
摘要：
页面结构容 器：container/wrapper页 头：header页面主体：main页 尾：footer边栏：sideBar栏目：column模块：mod左/右/中：left/right/center导航导航：nav主导航：mainNav子导航：subNav边导航：sideNav菜单：menu子菜单：subMenu摘要：summary/abs状态表示当前：now可见/不可见：on/off浮动：float功能及内容标志：logo版本：version登录：login注册：reg regsiter状态：status广告：banner搜索：search标签页：tab小技巧/小提示：tips面包屑： 阅读全文
css layout/fluid03: 2 column left navigation
2012-08-31 20:21 by youxin, 218 阅读, 收藏, 编辑
摘要：
demo;http://www.csseasy.com/layouts/fluid/2column_left.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>CSSeasy.com 阅读全文
css layout/fluid02: 1 column top navigation
2012-08-31 20:15 by youxin, 241 阅读, 收藏, 编辑
摘要：
demo:http://www.csseasy.com/layouts/fluid/1column_top.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>CSSeasy.com 阅读全文
css layout/fluid01: 1 column no navigation
2012-08-31 20:05 by youxin, 232 阅读, 收藏, 编辑
摘要：
demo:http://www.csseasy.com/layouts/fluid/1column.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>CSSeasy.com exam 阅读全文
css layout/fixed04: 2column right navigation
2012-08-31 19:50 by youxin, 241 阅读, 收藏, 编辑
摘要：
demo:http://www.csseasy.com/layouts/fixed/2column_right.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=&q 阅读全文
css layout/fixed03: 2 column left navigation
2012-08-22 21:58 by youxin, 347 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso- 阅读全文
css layout/fixed02: 1 column top navigation
2012-08-22 21:40 by youxin, 193 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso- 阅读全文
css layout/fixed01/1 column no navigation
2012-08-22 21:37 by youxin, 246 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso- 阅读全文
css layout ：center
2012-08-22 21:33 by youxin, 316 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
css :three column +top box
2012-08-22 20:59 by youxin, 389 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
little box:three column
2012-08-21 21:57 by youxin, 281 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
little box: two box
2012-08-21 21:37 by youxin, 237 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
