爱站程序员基地html标签列表-语法
| html标签 | 解释 | 说明 |
|---|---|---|
| < img src=\”\”> | 添加图片 | 情况：src定义路径、width宽度、height高度 支持格式：jpg静态图、png退底图、gif动态图 |
| < hr> | 水平线 | 情况：size粗细、width长度、color颜色、align水平对齐方式 align情况:left左、right右、center中 |
css方向
尺寸
| 尺寸标签 | 解释 | 说明 |
|---|---|---|
| width | 宽度 | 单位：像素或百分比 |
| height | 高度 | 像素或百分比 |
边框
| 边框标签 | 解释 | 说明 |
|---|---|---|
| border-color | 边框颜色 | |
| border-width | 边框的粗细 | 单位：像素或百分比 |
| border-style | 边框样式 | 情况：none无、solid实现、dotted点线、dashed虚线、double双边线 |
| border | 边框 | 简写：border：1px solid red 方向：top上、bottom下、left左、right右 例如：border-top |
边距
| 边界标签 | 解释 | 说明 |
|---|---|---|
| margin | 外边界 | 与父类和兄弟元素的距离 |
| padding | 内边距 | 里面元素的距离 |
- 单位：像素或百分比
- 方向：top上、bottom下、left左、right右
- 例如：margin-left、padding-top值得顺序：
- 一个值：margin：50px 四边距离
- 两个值：margin：50px 80px 上下 左右
- 三个值：margin：50px 80px 100px 上
- 四个值：margin：50px 80px 100px 120px 上 右 下 左
+ 用来处理页面间隙：*{maigin：0px；padding：0px}
+ 用来让块级元素水平居中：div{margin：0px auto}
盒模型：填充+padding+margin+border
居中图片-嵌套div
- div{margin：0px auto；}
- div{text-align：center；}
关系选择器
- 并集选择器：h1，p，a{ }
- 后代选择器：div img{ }
- 子选择器：div>img{ }
