NatChen

Once you have chosen the road of life, you have to be brave enough to go to the end and never look back.

摘要: css: .half{display:inline-block;} .half_in{height:12px;background-color:#fff; position:absolute; overflow:hidden;} .half_top .half_in,.half_bot{color: 阅读全文
posted @ 2018-01-15 15:45 NatChen 阅读(175) 评论(0) 推荐(0)
摘要: :nth-child和:nth-of-type之间的差异 直接看实例: p:nth-child(2) { color: red; } p:nth-of-type(2) { color: red; } 效果:一致,第二个p标签的文字变成了红色 p:nth-child(2) { color: red; 阅读全文
posted @ 2018-01-08 10:56 NatChen 阅读(340) 评论(0) 推荐(0)
摘要: CSS3 Backgrounds相关介绍 1.背景图片(background images)是在padding-box的左上角落脚安家的,我们可以使用background-position属性改变默认的位置。 2.在CSS3中,我们可以给background-position属性指定高达4个值:开始 阅读全文
posted @ 2018-01-04 15:33 NatChen 阅读(293) 评论(0) 推荐(0)
摘要: /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); /*IE*/ filter:FlipH; } /*垂直翻 阅读全文
posted @ 2018-01-04 10:25 NatChen 阅读(313) 评论(0) 推荐(0)
摘要: .clip{ position:absolute; clip: rect(10px 30px 20px 10px); } 可用性隐藏 阅读全文
posted @ 2018-01-02 16:46 NatChen 阅读(538) 评论(0) 推荐(0)
摘要: css代码 h1.start-gradient { display: inline-block; background: -webkit-linear-gradient(left, #4f185d , #fe5d4b); /* 背景色渐变 */ -webkit-background-clip: te 阅读全文
posted @ 2018-01-02 11:14 NatChen 阅读(211) 评论(0) 推荐(0)
摘要: css代码 .stripes { height: 250px; width: 375px; float: left; margin: 10px; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; backgrou 阅读全文
posted @ 2018-01-02 10:44 NatChen 阅读(1274) 评论(0) 推荐(0)
摘要: style标签也是标签 首先设置body style的样式 然后再body里面放人可编辑的style <div class="test"> <p>vfdsjkvbsdjvkbdsjkvbjdskbv </p> </div> 阅读全文
posted @ 2017-12-29 14:32 NatChen 阅读(356) 评论(0) 推荐(0)
摘要: 一、文字备忘之标签 二、HTML5文字备忘之全局属性 指定是否允许用户编辑内容 true | false 定义元素的上下文菜单 menu id 指定是否允许用户拖拽元素 true|false|auto 指定当拖拽数据放开的时候会发生什么 copy|move|link 指定元素不相干 hidden 指 阅读全文
posted @ 2017-12-27 11:25 NatChen 阅读(223) 评论(0) 推荐(0)
摘要: box-flex属性(和谐版) CSS box-flex属性(不和谐版) box-orient, box-direction, box-align, box-pack用法 box-orient box-orient用来确定子元素的方向。是横着排还是竖着走。可选的值有: horizontal | ve 阅读全文
posted @ 2017-12-14 17:00 NatChen 阅读(192) 评论(0) 推荐(0)