木月南生 - 博客园

2018年8月23日

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <ul> <li v-for="product in products"> <!- 阅读全文

posted @ 2018-08-23 21:34 木月南生阅读(212) 评论(0) 推荐(0) 编辑

Vue核心概念

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app">  <!--<h2> 阅读全文

posted @ 2018-08-23 21:33 木月南生阅读(417) 评论(0) 推荐(0) 编辑

2018年8月4日

width=100%&width=auto的区别

摘要： ☆ width=100%时，强制将子元素的content区域撑满父元素的content区域子元素有margin、border、padding时，不改变子元素content区域的width，而是溢出父盒子，保持原有值父元素的content = 子元素的content ☆ width=auto 阅读全文

posted @ 2018-08-04 20:22 木月南生阅读(779) 评论(0) 推荐(0) 编辑

三角形宽高设置

摘要：例如，三角形。设置的底边边框的长度是三角形的高度，设置的左边框和右边框之和等于三角形底边的长度。#triangle{ width: 0; height: 0; border-bottom: 80px solid #1eff00; border-left: 100px solid transparent; border-right: 100px solid transp... 阅读全文

posted @ 2018-08-04 16:55 木月南生阅读(610) 评论(0) 推荐(0) 编辑

2018年8月1日

定位

摘要： ☆ 相对定位：position:relative; 让元素相对自己原来的位置，进行位置调整。相对定位不脱离标准文档流，真实位置是在老家，只不过影子出去了，可以到处飘。绝对定位：position:absolute; 绝对定位的盒子，是脱离标准文档流的。绝对定位的参考点，如果用top描述，那么定位阅读全文

posted @ 2018-08-01 22:35 木月南生阅读(164) 评论(0) 推荐(0) 编辑

2018年7月31日

transform-origin&border-radius&rotate&skew

摘要： ☆transform-origin 属性(字符参数值与百分值) transform-origin: x-axis y-axis z-axis; •x-axis，表示水平方向上的取值，字符参数值对应的百分值为left=0%;center=50%;right=100%。 •y-axis，表示竖直方向上的阅读全文

posted @ 2018-07-31 23:15 木月南生阅读(216) 评论(0) 推荐(0) 编辑

2018年7月21日

CSS3动画

摘要： CSS3动画是什么？动画是使元素从一种样式逐渐变化为另一种样式的效果。可以通过设置多个节点来精确控制一个或一组动画，或用关键词 "from" 和 "to"，等同于 0% 和 100%。 0% 是动画的开始，100% 是动画的完成。为了得到最佳的浏览器支持，应该始终定义 0% 和 100% 选择器。阅读全文

posted @ 2018-07-21 17:41 木月南生阅读(148) 评论(0) 推荐(0) 编辑

公告