CSS3学习笔记(4)-CSS3函数
2016-01-10 20:23
579 查看
1
2
3
4
2
3
4
<style><!-- .col-3{ width: calc(100%/3 - 6px); float: left; margin-right: calc(6px*3 /2); background: #fff; color: #333; height: 100px; text-align: center; margin-bottom: calc(6px*3 /2); font-size: 18px; line-height: 100px; box-shadow:0 0 10px; } .col-3:nth-child(3){ margin-right: 0; } .container{ overflow:hidden; } .alexrootdiv{ font-family: 微软雅黑; margin: 0; padding: 0; } .alexrootdiv>p{ font-size: 15px; text-indent: 2em; } .alexrootdiv>div{ background: #eeeeee; border: 1px solid #aaa; width: 99%; padding: 5px; margin: 1em 0 1em 0; } .alexrootdiv>div>p:first-of-type,.alextitlep{ font-size: 18px; font-weight: bold; color: red; } .alexrootdiv span{ color:blue;font-weight:bold; } .alexrootdiv table{ margin-top:10px;border-collapse:collapse; border:1px solid #aaa;width:100%; } .alexrootdiv table th{ vertical-align:baseline;padding:5px 15px 5px 6px; background-color:#d5d5d5;border:1px solid #aaa;text-align:left; } .alexrootdiv table td{ vertical-align:text-top;padding:6px 15px 6px 6px; background-color:#efefef;border:1px solid #aaa; } .attentationp{ font-size: 15px; text-indent: 2em; background: #ee0; color: red; font-weight: bold; } --></style> <div class="alexrootdiv"> <div class="container"> <div class="col-3">1</div> <div class="col-3">2</div> <div class="col-3">3</div> <div class="col-3">4</div> </div> </div>
相关文章推荐
- CSS页面控制方式及其优先级-- 行内样式、内嵌式、链接式、导入式
- CSS3后代选择器和同级选择器简介和实例
- 通过字符串、颜色和尺寸资源改变文字及样式
- 获取document对象除了getElement方法,居然还可以使用css选择器方法!!!
- CSS权威指南学习笔记(1)
- 简易在线投票系统(php)——前端设计(css)
- 利用css3伪类实现边框环绕效果
- css3制作立体导航
- 【CSS3】CSS3 滤镜实现
- 燕十八视频--CSS
- 燕十八---CSS画三角形
- css3实现图片旋转效果
- css中margin、padding等属性的简写方式解读
- 初学DIV+CSS需要注意的6个问题
- 如何书写可维护的CSS代码
- CSS代码书写顺序
- css中margin、padding等属性的简写方式解读
- 初学DIV+CSS需要注意的6个问题
- 如何书写可维护的CSS代码
- CSS代码书写顺序