前端基础个人总结四

background:url("img/search.PNG");添加背景图

text-indent:35px;首行缩进

margin-top 塌陷现象-
当盒子是父子关系,用margin-top极有可能出现塌陷现象

解决方法:(1)overflow:hidden;(2)给盒子设置边框

margin的合并现象,相邻的地方同时使用了外边距,只取较大的那个外边距值

:hover鼠标划过某个标签的样式发生改变

display:block;行级标签转块级标签

display:inline;块级标签转行级标签

display:inline-block;转为行内块级标签

float浮动left,right

只要使用了浮动便是脱离了文档流,不占有空间就是文档流
注意:浮动了的元素会优先显示
清除浮动:找到最后一个浮动的元素的后边的元素,清除浮动,clear:both;
清除浮动方法:
1)直接找到最后一个的元素的后边的标签添加clear:both;
2)在后面添加一对空的块级标签,设置clear:both;

浮动绝对不会对前面的元素产生影响,只会对后面“那一个”,而非后面的全部

浮动:也可以代替display:block;进行转换,但不是主要功能

float:right;右浮动一般只用在划分结构左右结构,只为横排就用左浮动,否则会倒序

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值