摘要：作为前端开发人，经常头疼于雷鸣，标签，id名的命名，不知道应该基于什么原则。原则：2 当命名的时候，问自己，这个元素是要来做什么？(根据使用目的).ad-banner4 避免依靠位置和视觉效果命名。如.red-link #left-column3 使用更加直观的命名。虽然#header 有点用location来命名，但是这基本都遵守，比用#branding更加直观如果我问 bob 这个类，id是做什么的，他是否会自动知道好处：当你一个right-cloumn想移到左侧时，就会引起混乱，如果用.sidebar 只需修改 .sidebar{ float:left }常见命名#header#nav# 阅读全文

摘要：一 水平居中1 行内元素水平居中2 inline-block 元素水平居中3 块状元素水平居中二 垂直居中1 行内元素，inline-block元素水平居中2 块状元素垂直居中一 水平居中1 行内元素水平居中a) text-align:center;适用：文字2 inline-block元素a) text-align: center适用于button, input, select等inline-block元素。3 块状元素水平居中a) margin-left: auto; margin-right: auto; 设定宽高。二 垂直居中1 行内，inline-block元素垂直居中a) heig 阅读全文

摘要：这段时间尝试在项目中转向Sass，看到了更加人性的语法，也看到了Compass这个利器，今天就尝试一下，顺便把Evernote里记的笔记导出一下，希望以后写的文章纹理更清晰，写到这里也想自己时不时看看，修改修改，更加精致。安装项目创建项目设置配置文件使用执行编译编写插件一：安装$ gem update --system$ gem install compass二：创建项目$ compass create <myproject><myproject> 即你要新建项目的根目录生成了 config.rb/ sass/ stylesheets 三个文件|文件夹三：设置配置文件设 阅读全文