5月15号工作-CSDN博客

本文链接：https://blog.csdn.net/xjwolaile/article/details/84431313

今天的工作

1、display:inline-block;
是属于一个内联属性效果是显示成一排那么这个效果也同样可以使用来div这样的块上面但是浮动也可以让块呈现一排显示通过margin 四个属性开始他们的距离但是在IE下会出现加倍的BUG现象那么这个现象只存在于IE6下后面的版本都修复了这个问题。

margin里面有三个属性：auto | length | percentage

auto：是自适应页面的意思如果定义左右的话就是左右自动居中上下就是上下自动居中

length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。

percentage：百分比表示法,margin百分比的计算是基于生成的框的包含块的宽度

伪类的另外的时候方法


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE中伪类:hover的使用及BUG</title>
<style>
* {margin:0; padding:0;} 
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; color:#fff; position:relative;} 
li a {display:none;} 
li:hover a{display:block; text-decoration:none;width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff;}
</style>
</head>

<body>

<ul> 
<li>鼠标移过来触发我吧！<a href="#" title="">哈哈，终于被你发现了！</a></li>  
</ul>

</body>