摘要: scss两种格式 sass 大括号 scss css写法 Arguments: --no-cache –style compressed --update $FileName$:css/$FileNameWithoutExtension$.css 标示部分是 输出的css类型 和额外输出路径 就是 输出的css是不是压缩 然后项目目录建立css文件夹放到里... 阅读全文
posted @ 2014-08-24 12:39 Crack's_Blog 阅读(512) 评论(0) 推荐(0) 编辑
摘要: DOM document object model 文档 对象 模型 文档:html页面 文档对象:页面中的元素 文档对象模型: 文档对象模型是w3c 为了能够让js去操作页面中的元素,定义的一套标准 DOM会把当前文档看作一棵树 树种的每一个元素就是文档树 的一个节点 同时定义了很多方法 来操作每一个元素 每个方法又有各自的属... 阅读全文
posted @ 2014-08-24 12:05 Crack's_Blog 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 函数预解析过程 函数会覆盖同名变量 也就是var 他的优先级高 如果是同名函数则后者覆盖前者 逐行解读代码的时候 表达式 和参数 会改变预解析仓库里面的值。。也就是表达式能干掉函数 域和域之间的关系 标签存在上下文关系 走完上下文标签的变量 下面的可以用上面的 自上而下 函数 json等 子级作用域到父级作用域的过程 叫作用域链 ... 阅读全文
posted @ 2014-08-17 23:28 Crack's_Blog 阅读(196) 评论(0) 推荐(0) 编辑
摘要: Demos:http://tympanus.net/Tutorials/CSS3SlidingImagePanels/ 出处:http://tympanus.net/codrops/2012/01/17/sliding-image-panels-with-css3/ 这个教程将介绍如何使用纯CSS创建一个干净的幻灯图片面板。主要想法是在面板中使用背景图片,然后在点击标签后让动画起... 阅读全文
posted @ 2014-08-08 18:35 Crack's_Blog 阅读(1603) 评论(0) 推荐(0) 编辑
摘要: ------------------------------------------------------------------------------------ @keyframes animation 所有动画属性的简写属性,除了 animation-play-state 属性。 animation-name... 阅读全文
posted @ 2014-08-04 00:55 Crack's_Blog 阅读(718) 评论(0) 推荐(0) 编辑
摘要: 计算一定要精确 ie6子元素会撑开父级设置好的宽高 会出现兼容性问题 所以要计算好padding值 不要让内容的宽高超出父级设置的宽高 在ie6、7下元素浮动, 如果宽度需要内容撑开,就给里面的块元素都加浮动。 ie67下元素要通过浮动并列在一行就要都给元素加浮动 不然会出现兼容性问题 标签嵌套规范 内联不能嵌套块状 ie6最小高度问题 overflow解决 1... 阅读全文
posted @ 2014-07-30 12:58 Crack's_Blog 阅读(4062) 评论(0) 推荐(1) 编辑
摘要: 一行两列左侧固定右侧自动适应 home right left 效果:三栏中间自动适应home right left other 左边两栏右边自动适应home ... 阅读全文
posted @ 2014-07-28 14:52 Crack's_Blog 阅读(284) 评论(0) 推荐(0) 编辑
摘要: 解决方法:vertical-align:top; 垂直对齐方式;对浮动元素无效浮动类: ie 6 7要在一行显示多个div要 给每一个元素浮动 否则会出间隙。 ie6双倍边距bug 1. bug条件: 块状元素 浮动 外边距 解决方法: display:inline; 2.IE6的 3px bug 触发条件:两紧挨的元素A(.div1),B(.di... 阅读全文
posted @ 2014-07-28 12:45 Crack's_Blog 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 表格 —— 默认样式重置 表格标签: table 表格 thead 表格头 tbody 表格主体 tfoot 表格尾 tr 表格行 th 元素定义表头 td 元素定义表格单元 表格样式重置 table{border-collapse:collapse... 阅读全文
posted @ 2014-07-28 01:15 Crack's_Blog 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 如何让图1中的div2移动到如图2上的位置; 思路:哪些css命令能够影响盒子显示的位置呢? relative相对定位/定位偏移量 position:relative; 相对定位 a、不影响元素本身的特性; b、不使元素脱离文档流; c、如果没有定位偏移量,对元素本身没有任何影响; 定位元素位置控制 top/rig... 阅读全文
posted @ 2014-07-28 00:37 Crack's_Blog 阅读(275) 评论(0) 推荐(0) 编辑