CSS 滚动条,浮动问题,图片bug

类名 class
不能使用中文,不能使用数字开头,不能使用特殊符号(_和-可以使用)
建议使用小写单词

1.继承

文本属性大部分可以继承
高度不会继承
宽度可以继承

2.如何分块—结构合理

3.标签的使用

(1)不要多余的嵌套
(2)标签规则

4.标签要闭合

(1)写注释
(2)右键格式化

5.CSS报错

(1)出现波浪号–右键格式化 在报错的本行或者上一行找错误
(2)调试发现没有任何CSS显示 说明写错了对象,class写错了

6.网页滚动条

Delete 删除大块

7.浮动的问题

(1)使用浮动后,margin:auto会失效
(2)脱离文档流–不占位置

8.高度计算失误

(1)出现莫名的空白,子高度大于父盒子高度
9.行内标签本身不支持宽高,添加浮动之后就可以啦

如果子元素的margin-top传递到父元素上面,就在父元素上面加overflow:hidden;

overflow:scroll; 盒子滚动条(一定有滚动条)
overflow-x:hidden;
overflow-y:scroll;

Overflow:auto; 如果内容超出则出现滚动条,如果内容没有超出,则不会有滚动条

文本省略号
white-space:nowrap;(强制文本一行显示)
Overflow:hidden;
Text-overflow:ellipsis;

Alt+shift+a(块级注释)

图片的两个bug
1.图片上下的间距问题 vertical-align:top;
2.图片代码换行产生的左右间距
(1)代码不换行
(2)空注释(alt+shift+a)
(3)图片浮动
(4)父元素加font-size:0;
!Impotent 最高权重

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值