CSS3学习笔记(4)-CSS3函数

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;
}
-->

1

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>