react项目实战 4 外观和样式调整

目录

1 修改页面标题

2 基础样式调整

---

1 修改页面标题

public/index.html

<title>React 好客租房</title>

效果

2 基础样式调整

index.css

html,body{
  height: 100%;
  /*字体微软雅黑*/
  font-family: "Microsoft YaHei";
  color: #333333;
  background: #ffffff;

}

*{
  /*怪异盒模型:border和padding 不会撑大盒子*/
  box-sizing: border-box;
}

3种盒模型:

1 标准盒模型
    border和padding 会撑大盒子    
    盒子高度= padding*2 + border*2 + height*1

扫描二维码关注公众号，回复： 14432395 查看本文章

2 怪异盒模型 box-sizing:border-box
    border和padding 不会撑大盒子
    盒子高度= height*1

3 弹性盒模型 :略

注意index.js 导入index.css要写在antd-mobile的css的后面
(写在后面的会覆盖前面的)

 样式已生效