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

   

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