CSS老本本,基础之基础

/*
 块:
 1.独占一行
 2.支持所有的样式
 3.不设置宽度的时候,宽度撑满正行
  
 内嵌:
 1.可以在一行显示
 2.不支持宽高,对上下的margin和padding等样式支持的也有问题
 3.宽度内容由撑开
 4.代码换行会被解析
 */ 
<!--
 inline-block的特征
 1、块元素能在一行上显示
 2、内联元素支持宽高
 3、没有宽度时,由内容撑开宽度
 -->
清除浮动的方法
 1、加高度 (扩展性不好)
 2、给父级加浮动 (页面中所有元素都加浮动,margin左右自动失效(floats bad !))
 3、.inline-block 清浮动方法 (margin左右auto失效)
 4、空标签清除浮动 (IE6 最小高度 19px;(解决后IE6下还有2px偏差))
 5、.br清浮动 (不符合工作中:结构、样式、行为,三者分离的要求)
 
 -->
.clearfix{
 *zoom:1;
 }
 .clearfix:after{
 content: "";
 display: block;
 clear: both;
 
<!--
 绝对定位的特征
 a、使元素完全脱离文档流;
 b、使内嵌支持宽高;
 c、块属性标签内容撑开宽度;
 d、如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移;
 e、相对定位一般都是配合绝对定位元素使用;
 f、提升层级
 
 -->

IE滤镜:          filter:alpha(opacity=0~100); 

问题:IE6不支持固定定位;

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值