又开始公司的新项目了。。。又到了无聊的切图时间，没办法，拿人钱财替人消灾啊 ！ 那当我们拿到公司新项目的时候我们需要做些什么呢？ 下面就来分享一下我的工作步骤吧（仅使用于初学者，大神勿见怪 ，有不好的
刚入了这个博客园，发现竟然这么高的自由度，页面风格可以自己搞，那还不嗨起来？ 于是赶紧搞了一波，有没有被头部的昵称炫到。。。当然也是网上找的一个，拿来看一下效果 废话不多说。上代码 就是它了，各位看官
语法： R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数| 百分数 A：透明度。取值0~1之间 取值： <length>:Hue(色调)。0(或360)表
分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。 1.线性渐变在Mozilla 下应用 语法：-moz-linear-gradient( [<poin
transitions(过渡) 被应用于元素指定的属性变化时，该属性经过一段时间逐渐的过渡到最终想要的值。 主要包括四个属性： 执行变换的属性：transition-property 变换延续的时间：
1.属性选择器 完全匹配的属性选择器 [id=article]{} 示例： <style> input[type=text]{ border: 2px solid red;} </s
css3 mix-blend-mode 混合模式 该属性不仅可以作用于HTML，还可以作用于SVG 兼容性： IE 8~11 Edge 12~14 Firefox 41~47 chrome 45~51
响应式设计是在不同设备下分辨率不同显示的样式就不同。 media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。 语法： @media mediatype and | n
1.box-shadow 属性向框添加一个或者多个阴影。 语法： box-shadow: h-shadow v-shadow blur spread color inset h-shadow 必须，水
1.transform-style 属性指定嵌套原始是怎样在三维空间中呈现。 语法：transform-style: flat | preserve-3d flat 表示所有子元素在2D平面呈现。 p
1.transition 语法：transition: property duration timing-function delay; transition-property 设置过渡效果的css
使用第三方平台转换字体文件为font-face所支持的格式。 TureTpe(.ttf)格式 支持浏览器：IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS
flex 即为弹性布局。 任何一个容器都可以指定为flex布局。 .box{display:flex} 行内元素可以使用flex布局 .box{display: inline-flex} webkit
compass 是sass的一个工具库 compass在sass 的基础上封装了一系列有用的模块，用来补充和丰富sass的工能， 安装： compass是用 ruby语言开发的，所以安装它之前必须安装
废话不多说，供上我学习Flex布局的启蒙文章，一切的答案，尽在这里，仔细阅读，多多回味！保证你有所收获！ http://www.ruanyifeng.com/blog/2015/07/flex-gra
box-sizing：content-box | border-box content-box 是默认值。如果你设置一个元素的宽为100px，那么这个元素的内容区会有100px宽，并且任何边框和内边距
今天在写页面时，发现在a标签，里面嵌入<img>底部会出现空白的问题！ 请看示例代码： 请看示例效果图： 现在出现了两个问题，首先a标签，没有因为img的大小而被撑大，然后是a的内部下面出
大家好，今天推荐一个学习Flex布局的网页小游戏，非常不错，是国外的牛人开发的，值得一试，重复几次，就会大概了解Flex的属性了！ 地址： http://flexboxfroggy.com/#zh-c
由于SEO对网页产生的影响，我们在写html的时候要注意写好三大要素:1.keywords
2.describtion
1.先来一种最简单的方法
<divclass=\"cnblogs_code\">
overflow:hidden;
2.利用在css里面写的类clearfix来清除代码如下
