12 2016 档案

静态页面复习--CSS定位练习2
摘要：1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框） 相对定位：relative 没 阅读全文
posted @ 2016-12-14 12:38 叉歪叉 阅读(967) 评论(0) 推荐(0)
静态页面复习--CSS定位练习1
摘要：.block-1 { box-sizing: border-box; width: 64px; height: 64px; background:url('images/grass.png'); background-size: contain; position: absolute; left:6 阅读全文
posted @ 2016-12-14 11:11 叉歪叉 阅读(227) 评论(0) 推荐(0)
静态页面复习--css练习2
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ background-color:#e4e4e4; } .total{ background-colo 阅读全文
posted @ 2016-12-13 16:03 叉歪叉 阅读(169) 评论(0) 推荐(0)
静态页面复习--CSS练习
摘要：新学到的样式： box-sizing：border-box 自动计算，固定总长宽 float：left 向左浮动 阅读全文
posted @ 2016-12-13 14:28 叉歪叉 阅读(445) 评论(0) 推荐(0)
静态页面复习--网格嵌套练习
摘要：新用到的样式： center aligned：居中 阅读全文
posted @ 2016-12-12 23:33 叉歪叉 阅读(402) 评论(0) 推荐(0)
静态页面复习--用semantic UI写苹果官网
摘要：新用到的样式： fitted：去掉padding borderless：去掉边框 secondary：上下多了浅灰色的边 basic：原始div，去掉各种格式 sub header：比ui header小一级 ui fluid image：图片填充满容器 阅读全文
posted @ 2016-12-12 23:30 叉歪叉 阅读(1538) 评论(12) 推荐(0)
静态页面复习--用网格写一个landing page
摘要：新用到的样式相关源码： .ui.menu.fixed { position: fixed; z-index: 101; margin: 0em; width: 100%;} .ui.text.menu { background: none transparent; border-radius: 0p 阅读全文
posted @ 2016-12-12 22:22 叉歪叉 阅读(322) 评论(0) 推荐(0)
静态页面复习--用semantic UI画美国队长盾牌
摘要：新用到的semantic样式源码： i.circular.icon { border-radius: 500em !important; line-height: 1 !important; padding: 0.5em 0.5em !important; box-shadow: 0em 0em 0 阅读全文
posted @ 2016-12-07 16:49 叉歪叉 阅读(352) 评论(0) 推荐(0)
静态页面复习--semantic UI搭建简单博客页面
摘要：初识semantic UI，构建一个简单的博客页面 阅读全文
posted @ 2016-12-07 16:40 叉歪叉 阅读(4436) 评论(1) 推荐(0)