Html & Css 补充知识点

补充代码

**文本两行，超出部分以省略号显示**
.towline {
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

**input去除选中边框**
input {
    outline:nonet;
 }
 
**table中合并线条**
table {
    rusle:1;
}

浏览器查bug

• 在控制台查看报错情况
• 查看样式是否生效
• 样式覆盖显示删除线，不生效显示低透明度样式，警告标志代表出错
• 样式出错时，应从选择器最内层往外一级一级查找问题

代码书写注意：

• 注意标签的权重问题
• 盒子塌陷时，找塌陷元素的父级设置overflow:hidden;
• 行内元素不能设置宽高，可转为块级元素设置
• 单标签不能设置伪元素
• 引用文件时："./"当前目录，"../"上一级目录，
• 在书写样式，给上下两个盒子设置margin时：A盒子设置margin-bottom:15px;，B盒子设置margin-top:30px;，此时B盒子的margin-top只有15px生效了

可以看到B盒子的margin-top:15px;与A盒子的margin-bottom:15px;重叠了，此时只需要给A盒子直接设置margin-bottom:30px;B盒子不用设置margin-top。