css

水平居中 :text-align:right;right;center;

垂直居中:vertical-align:bottom;top;middle;

合并边框:border-collapse:collapse;

设置某列的宽度:<th style="width:70%">Firstname</th>

列编组:<colgroup span="2" style="width:25px;"></colgroup> 

             <colgroup span="4" style="width:100px;"></colgroup>

行编组:<thead>...</thead> <tbody>...</tbody> <tfoot>...</tfoot>  ex:<thead style="backgroudn-color:red">

浮动:float:left,right,center;清除浮动clear:left,right,both,

位置:position:absolute(绝对定位,相对于body,或第一个position父元素), relative,fixed(相对于屏幕) 

设置视口:<meta name="viewport", content="width=device-width">  内容填满窗口。

响应式web设计:根据设备显示不同结果。all, handheld,screen... 使用:<link href="t.css"  media="screen">

滚动:设置父view的高度添加overflow:scroll; 

高度塌陷:子元素的末尾添加一个空的 div ,并设置下方样式 div{ clear: both; height: 0; overflow: hidden; }

万能清浮动 父元素:after{content: "";
    height: 0;
    clear: both;
    overflow: hidden;
    display: block;
    visibility: hidden;
 }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值