css 易错点总结

js中可引入less和css

1.方式不同： 

import './index.css';

import Less from './index.less';

2. 引入css直接使用，less需要使用变量 

        <div className={Less.test}>Less test</div>

  <SearchBox className="search-box" /> 

心得：思路清晰，细致，耐心。

1. 慢慢来，先规划，再动手，先整体后局部，规划好整个页面先。
2. 命名合理，且小心重复
3. 防止标签嵌套错误，以及忘记闭合

行高要在字体后面，如下：

正确：font:400 15px "microsoft yahei";

line-height:44px;

错误： line-height:44px;

font:400 15px "microsoft yahei";

背景常犯错误：

错误： background: #000;

    background: url() no-repeat;  覆盖了，不会显示背景色

   

 错误：  background: url() no-repeat;

    background: #000;  覆盖了，仅显示背景颜色

正确： background-color: #000;

    background: url() no-repeat;

正确：background: #000  url()  no-repeat;

通用错误检查：

1.单词拼写是否准确

2.标点和空格是否都是在英文，且半角状态下打出的

3.css和html是否对应

4.html和css文件类型，编码等等是否都符合规范？

1. 字体颜色属性为color（不是font-color）

2.块级元素水平居中布局需要两个条件1.首先要是块级元素 2.其次要设置宽度 才能用margin:0px auto;来实现水平居中。

3.text-align是仅用于块级元素，且作用于本身，而非其内部元素。

4.相对定位和浮动（半脱离文档流）都在文档流中。 相对定位的元素宽度不变，绝对定位，固定定位以及浮动元素的宽度将变为内容宽度。