随笔分类 -  【01】CSS

css 居中代码
摘要：.div{ /*块状元素的水平居中 */ margin: 0 auto; }; .contaniner{ /*行内元素的水平居中 */ text-align: center; } .center{ position: absolute; top: 50... 阅读全文
posted @ 2017-09-09 09:52 alan-alan 阅读(465) 评论(0) 推荐(0)
CSS选择器
摘要：#form{ } .box{} input[type="text"] ul li:nth-of-type(1){ } /*包含*/ ul li{} /*子对象选择符*/ ul>li{} .div1 span, #div1 span, div div p{ } 阅读全文
posted @ 2017-09-01 12:06 alan-alan 阅读(100) 评论(0) 推荐(0)
CSS常用选择器记录-:last-of-type
摘要：:last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。 阅读全文
posted @ 2017-08-24 15:22 alan-alan 阅读(228) 评论(0) 推荐(0)
CSS常用选择器记录-:nth-of-type(n)
摘要：:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 阅读全文
posted @ 2017-08-24 15:17 alan-alan 阅读(372) 评论(0) 推荐(0)
CSS语义-demo
摘要：1.先确定html结构 2.定制样式 框架默认样式(考虑兼容很全) 自定义样式 阅读全文
posted @ 2017-08-15 14:57 alan-alan 阅读(226) 评论(0) 推荐(0)
CSS语义-icont+text
摘要：/*icont+text*/ /* 电子券 预付卡 */ .bg-image{ padding: 5px; padding-left: 15px; background-size:12px; margin-left: 5px; } .ticket-image{ background:url(../img/merchant/icon_q.p... 阅读全文
posted @ 2017-08-15 10:38 alan-alan 阅读(268) 评论(0) 推荐(0)
CSS语义-bg
摘要：背景色定义 阅读全文
posted @ 2017-08-15 10:23 alan-alan 阅读(677) 评论(0) 推荐(0)
CSS语义-flex栅格
摘要：flex布局 col-30/col-80 阅读全文
posted @ 2017-08-15 10:15 alan-alan 阅读(374) 评论(0) 推荐(0)
CSS语义-btn
摘要：CSS语义 阅读全文
posted @ 2017-08-15 09:21 alan-alan 阅读(774) 评论(0) 推荐(0)
CSS项下-角标效果实现
摘要：角标 1.transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 rotate(angle) 定义 2D 旋转，在参数中规定角度 2.box-shadow 属性向框添加一个或多个阴影。 box-shadow: h-shadow v-shadow b 阅读全文
posted @ 2017-08-14 17:07 alan-alan 阅读(4510) 评论(0) 推荐(0)