03 2017 档案

响应式页面
摘要：在写响应式页面时，CSS3 Media Queries是入门。 Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。 那么，Media Queries是如何工作的？ 两种方式 阅读全文
posted @ 2017-03-20 19:18 gnaygnaw 阅读(282) 评论(0) 推荐(0)
脱离文档流
摘要：在前端里脱离文档流有俩大类：浮动、定位，定位又分为俩种：绝对定位、固定定位；但是这俩种脱离文档的模式却不一样；前者浮动后不可以用z-index进行图层定位，而后者却可以；前者脱离文档流后元素之间的margin-top与margin-bootom不能重合，后者脱离文档流后的位置或图层可以任意指定，与前 阅读全文
posted @ 2017-03-18 20:32 gnaygnaw 阅读(196) 评论(0) 推荐(0)
CSS动画
摘要：HTML: -(1..9).each do %div{:class => 'wrap'} %div{:class => 'translate'} %div{:class => 'scale'} CSS： $bg: #111;$size: 14px;$expand: 600%;$total: 9;$d 阅读全文
posted @ 2017-03-13 22:29 gnaygnaw 阅读(168) 评论(0) 推荐(0)
css动画代码存储
摘要：HTML: <div class="boat"> <img src="http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-12/boat.png" alt="tugboat"> </div> <img class=" 阅读全文
posted @ 2017-03-13 22:22 gnaygnaw 阅读(203) 评论(0) 推荐(0)
链式动画布局案例收藏
摘要：HTML: <div class="cont s--inactive"> <!-- cont inner start --> <div class="cont__inner"> <!-- el start --> <div class="el"> <div class="el__overflow"> 阅读全文
posted @ 2017-03-05 13:34 gnaygnaw 阅读(171) 评论(0) 推荐(0)
关于水仙花的解法c#
该文被密码保护。
posted @ 2017-03-04 19:06 gnaygnaw 阅读(1) 评论(0) 推荐(0)