CSS常用内容总结(二)

接常用总结一

1.display

display:none  此标签不显示

display:block  将行内标签当做块级标签

display:inline  将块级标签当做行内标签

display: inline-block;  同时具有inline和block的特点,具有inline的特点:默认自己有多少还是占多少;

                        具有block的特点:可以设inline(行内)标签无法设置的高度,宽度,padding,margin。

注:行内标签无法设置高度,宽度,padding,margin。

2. float浮动

 让块级标签飘起来。

float: {left || right || top  || bottom }指定飘到的位置。

常常后面还要跟一个标签写上clear: both; 清除浮动,为了让父级标签和下面float的子级标签联系起来。

3.position

看这个吧,很详细。http://www.cnblogs.com/canuseethat/archive/2010/09/16/1827804.html

4.opacity 设置透明度

5. overflow

当一个div里放一张图片时,图片可能很大,这时候可以通过overflow来配置图片在这个div里的显示。

overflow: hidden; 超过div大小的地方隐藏;

overflow: auto;  以滚动条的形式显示图片;

6. hover

鼠标移动到某个标签上时样式生效。

#header:hover{ background-color:red }

最后随意记几点:margin: 0 auto; 设置一个div居中

text-align: center; 设置文本水平方向居中

line-height  垂直方向根据标签高度居中

原文地址:https://www.cnblogs.com/NoYone/p/8305055.html