学习HTML的样式和布局

HTML的样式和布局可以通过CSS来实现，下面是一些常用的样式和布局技巧：

1. 样式：

- 字体样式：可以通过font-family、font-size、font-weight等属性来设置字体的样式。
- 颜色样式：可以通过color属性来设置字体颜色，也可以通过background-color属性来设置背景颜色。
- 边框样式：可以通过border属性来设置边框的样式、宽度和颜色。
- 背景图片：可以通过background-image属性来设置背景图片，也可以通过background-repeat、background-position等属性来控制图片的重复和位置。
- 列表样式：可以通过list-style-type属性来设置列表的样式，如实心圆点、空心圆点、数字等。

2. 布局：

- 盒模型：每个HTML元素都是一个矩形盒子，包括内容、内边距、边框和外边距。可以通过box-sizing属性来控制盒子的大小计算方式。
- 浮动布局：可以通过float属性来使元素浮动，实现多列布局。
- 定位布局：可以通过position属性来控制元素的定位方式，如相对定位、绝对定位等。
- 弹性布局：可以通过display:flex属性来实现弹性布局，方便地实现自适应布局。

以上只是一些常用的样式和布局技巧，还有很多其他的属性和方法可以用来实现更复杂的样式和布局效果。