CSS网页布局速成

1.CSS教程：：CSS 教程 | 菜鸟教程 (runoob.com)

2.CSS布局思路

1. 盒子模型

1.1 外边距 margin 上右下左

1.2 内边距 padding 上右下左

1.3 边框 border 上右下左

1.4 阴影 box-shadow: h-shadow v-shadow blur spread color inset; ( box-shadow: 0 0 10px -2px rgba(0,0,0,5);)

1.5 边角 box-radius 上右下左

1.6 内容

2. Flex布局 https://www.runoob.com/w3cnote/flex-grammar.html

2.1 flex-direction column

2.2 flex-wrap wrap

2.3 justify-content flex-start | flex-end | center | space-between | space-around

2.4 align-items: flex-start | flex-end | center | baseline | stretch

3.CSS布局元素