黑马程序员技术交流社区

标题: CSS布局常见问题总结 [打印本页]

作者: 李斌_    时间: 2019-7-24 02:17
标题: CSS布局常见问题总结
CSS布局常见问题总结
1.对不齐:当有发现对不齐时,我们首先应该看看我们的css文件上是否有对齐的属性,然后,用网页打开,用F12查看源代码,看看对不齐的标签块,观察其容器的外边距,内边距一系列的属性值,可以尝试稍作更改。再来观察改变后的结果。
      2.CSS不起效果,第一遍便是看看源代码,看看你的CSS有没有在源代码上显示作用。第二看完之后,回头检查该段属性的拼写,最后,检查属性中间的符号,特别是分号,当你用成中文输入法下面的分号时,整个是不起作用的。
      3.使用浮动功能时记得适当清除指令浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。
     4.float元素指定width属性,最好为它加上高度,不要给它padding和margin,然后再来一个overfloat:hidden,这样即使内部超出了这个盒子的宽度和高度,它也不会大胆的伸出来,这样即可保持在各个浏览器的一致性。
     5.合理的设置每个区域所占宽和高的比例 (通过设置line-height=div的height使文本居中,因为原始行高默认为字体的高度,且字体永远会在不同的行高中居中,设置好line-height放在div中文本就会居中)。
     6.权重优先分别是元素>ID>类>属性,当css使用!important时,权重无穷大。
    7.注意元素的继承。
    有继承性的属性(1)字体系列属性:font-family:规定元素的字体系列,font-weight:设置字体的粗细,font-size:设置字体的尺寸,font-style:定义字体的风格;(2)文本系列属性:text-indent:文本缩进,text-align:文本水平对齐,line-height:行高,word-spacing:字间隔,
color:文本颜色。
    8.若有疑问立即检测F12!若有疑问立即检测F12!若有疑问立即检测F12!(重要的事情说三遍)



2019.7.24  2:16




   







欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2