03 2016 档案

transform(变形)和transform-origin(变形原点)
摘要：转载请说明出处，原文地址http://blog.sina.com.cn/s/blog_780a942701014xl8.html 目前这两个属性得到了除去ie以外各个主流浏览器webkit，firefox，opera的支持，属性名分别为 -webkit-transform，-moz-transfor 阅读全文
posted @ 2016-03-22 19:50 ifIhaveWings 阅读(14098) 评论(0) 推荐(0)
flex弹性布局
摘要：Flex 布局教程：语法篇 原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决 阅读全文
posted @ 2016-03-10 19:00 ifIhaveWings 阅读(396) 评论(0) 推荐(1)
position-relative 的问题
摘要：对100%宽度的元素0001添加position-relative属性，如果再给left/right属性，可能会导致0001元素超出其父盒子的范围。如果盒子0001的父级元素是body，可能会出现滚动条。出现宽度、高度问题等盒子模型问题时，加上border去检查比较有效。 阅读全文
posted @ 2016-03-09 13:53 ifIhaveWings 阅读(236) 评论(0) 推荐(0)
css3学习
摘要：1.box-shadow: h-shadow v-shadow blur spread color inset; 2.CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、px、百分 阅读全文
posted @ 2016-03-04 16:24 ifIhaveWings 阅读(202) 评论(0) 推荐(0)
让一个div在不同的显示器中永远居中
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .center_box{ width: 80%; height: 50%; position: absolute; top: 阅读全文
posted @ 2016-03-03 18:15 ifIhaveWings 阅读(309) 评论(0) 推荐(0)
常用组件的写法
摘要：1.在页面固定定位的按钮<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .box1 { width: 400px; he 阅读全文
posted @ 2016-03-02 10:39 ifIhaveWings 阅读(210) 评论(0) 推荐(0)
菜鸟级别学习
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale 阅读全文
posted @ 2016-03-01 18:07 ifIhaveWings 阅读(249) 评论(0) 推荐(0)
BootSrap学习
摘要：1.当row1里边有2个或多个col的时候，如果位置在后边的col的高度大于位置在前边的col，就可能会导致下一个row2在满足col-xs-*在满足和为12的情况下错乱分行。解决办法是强行给row1的所有col-xs加上相同的height； 2.颜色条：在bs中，列通过内边距（padding）来创 阅读全文
posted @ 2016-03-01 14:27 ifIhaveWings 阅读(240) 评论(0) 推荐(0)
@import与link
摘要：本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。 1. 老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 2. 阅读全文
posted @ 2016-03-01 11:14 ifIhaveWings 阅读(529) 评论(0) 推荐(0)
未知宽度居中
摘要：在某些特定的场合，在没有知道宽度的情况下却要求水平居中，今找到些解决方法，现转过来一起学习学习 方案一、利用浮动的包裹性和相对定位百分比数据值特性,传说称之为“相对浮动” .unknow_width_center1 {position:relative; left:50%; float:left;} 阅读全文
posted @ 2016-03-01 10:47 ifIhaveWings 阅读(556) 评论(0) 推荐(0)
关于css的全面学习笔记
摘要：1.text-align 属性规定元素中的文本的水平对齐方式。该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。 left 把文本排列到左边。默认值：由浏览器决定。 ri 阅读全文
posted @ 2016-03-01 10:28 ifIhaveWings 阅读(192) 评论(0) 推荐(0)