摘要: 07-变换 transform: 变换 2D变换: rotate(d) 旋转,角度(补充1:角度的单位),受<变换基准>影响 scale(x,y) 缩放,数值,代表缩放比例,默认1 ,受<变换基准>影响 x:水平方向缩放比例,y:垂直方向缩放比例 y可以缺省,缺省后第一个值同时表示x,y 可拆分为s 阅读全文
posted @ 2016-12-28 10:55 卡尔也好玩 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 怪异盒模型:盒子的总宽度和高度是包含内边距padding和边框border宽度在内的,盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin; 多列布局:不管想让一段文本呈多少列显示,你需要的只是两个属性:colum 阅读全文
posted @ 2016-12-28 10:53 卡尔也好玩 阅读(125) 评论(0) 推荐(0) 编辑
摘要: * . ? + $ ^ [ ] ( ) { } | \ / 阅读全文
posted @ 2016-12-18 18:37 卡尔也好玩 阅读(780) 评论(0) 推荐(0) 编辑
摘要: 一、盒子阴影:box-shadow属性 box-shadow:x偏移 y偏移 模糊距离 阴影大小 颜色 内阴影或外阴影; 二、弹性盒模型:flex属性 给父级diaplay:flex;子元素给flex:属性;flex有3个值; 取值: none:none关键字的计算值为: 0 0 auto<' fl 阅读全文
posted @ 2016-12-18 13:52 卡尔也好玩 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 一、圆角属性:border-radius属性 4个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 3个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角 2个值: 第一个值为左上角与右下角,第二个值为右上角与左下角 1个值: 四个圆角值相同 borde 阅读全文
posted @ 2016-12-16 17:39 卡尔也好玩 阅读(145) 评论(0) 推荐(0) 编辑
摘要: CSS3的背景属性:background-image属性添加背景图片。不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。 background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top re 阅读全文
posted @ 2016-12-15 16:59 卡尔也好玩 阅读(227) 评论(0) 推荐(0) 编辑
摘要: E[foo^="bar"] 匹配foo属性值以"bar"开始的E元素 E[foo$="bar"] 匹配foo属性值以"bar"结束的E元素 E[foo*="bar"] 匹配foo属性值包含"bar"的E元素 E:nth-child(n) 匹配元素类型为E且是父元素的第n个子元素 E:nth-last-child(n) 匹配元素类型为E且是父元素的倒数第n个子元素(与上一项... 阅读全文
posted @ 2016-12-15 12:16 卡尔也好玩 阅读(136) 评论(0) 推荐(0) 编辑
摘要: window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值 阅读全文
posted @ 2016-12-15 12:00 卡尔也好玩 阅读(13961) 评论(1) 推荐(0) 编辑
摘要: 结构标签: header 定义了文档的头部区域 article 定义页面独立的文章内容(帖子/博客文章/评论/新闻) nav 定义导航 section 定义某一块区域 aside 定义侧边栏 footer 定义文档底部区域 figure 定义一块独立的内容(通常用来展示图片及其描述) figcapt 阅读全文
posted @ 2016-12-15 11:53 卡尔也好玩 阅读(164) 评论(0) 推荐(0) 编辑
摘要: js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 阅读全文
posted @ 2016-12-14 14:46 卡尔也好玩 阅读(191) 评论(0) 推荐(0) 编辑