随笔分类 -  前端开发

SASS学习笔记_01
摘要：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 阅读(516) 评论(0) 推荐(0)
css图片切换效果分析+翻译整理
摘要：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 阅读(1614) 评论(0) 推荐(0)
css3动画笔记
摘要：------------------------------------------------------------------------------------ @keyframes animation 所有动画属性的简写属性，除了 animation-play-state 属性。 animation-name... 阅读全文
posted @ 2014-08-04 00:55 Crack's_Blog 阅读(727) 评论(0) 推荐(0)
前端常见兼容性问题笔记
摘要：计算一定要精确 ie6子元素会撑开父级设置好的宽高 会出现兼容性问题 所以要计算好padding值 不要让内容的宽高超出父级设置的宽高 在ie6、7下元素浮动， 如果宽度需要内容撑开，就给里面的块元素都加浮动。 ie67下元素要通过浮动并列在一行就要都给元素加浮动 不然会出现兼容性问题 标签嵌套规范 内联不能嵌套块状 ie6最小高度问题 overflow解决 1... 阅读全文
posted @ 2014-07-30 12:58 Crack's_Blog 阅读(4075) 评论(0) 推荐(1)
常见的布局方法整理[兼容]
摘要：一行两列左侧固定右侧自动适应 home right left 效果：三栏中间自动适应home right left other 左边两栏右边自动适应home ... 阅读全文
posted @ 2014-07-28 14:52 Crack's_Blog 阅读(293) 评论(0) 推荐(0)
bug集合
摘要：解决方法: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 阅读(263) 评论(0) 推荐(0)
html+css学习笔记 [基础1]
摘要：------------------------------------------------------------------------------------------------------------- PSD （源文件） JPG/GIF/PNG （导出图）... 阅读全文
posted @ 2014-07-25 15:39 Crack's_Blog 阅读(363) 评论(0) 推荐(0)
多彩导航条
摘要：HOME首页新品中心Download潮流套装Download限时特惠Download 阅读全文
posted @ 2014-06-20 23:51 Crack's_Blog 阅读(170) 评论(0) 推荐(0)
不能用100%ie6不兼容
摘要：web浮动练习 web布局练习 首页 jquery Javascript xhtml ... 阅读全文
posted @ 2014-06-09 22:51 Crack's_Blog 阅读(265) 评论(0) 推荐(0)
视频学习_css基础学习
摘要：块状元素 block element容器元素 设置高宽 width height 可以容纳 文本 内脸 和其他块状霸道 独占一行特例：form 只容纳 块状元素常见元素http://www.w3cfuns.com/portal.php?mod=topic&quickforward=1&topicid... 阅读全文
posted @ 2014-05-27 00:57 Crack's_Blog 阅读(242) 评论(0) 推荐(0)
w3c_html_study_note_5.26
摘要：xhtml+css 正确的说法“DIV+CSS”叫法将网页制作者引入两大误区【误区一】网页中用了Table，页面就不标准，甚至觉着用Table丢人，Table成为了判定页面是否标准的关键点。【误区一】认为网页中的DIV标签用的越多越好，甚至有人将页面中所有的标签都替换为DIV，DIV的多少，决定页面... 阅读全文
posted @ 2014-05-26 22:37 Crack's_Blog 阅读(181) 评论(0) 推荐(0)