爱站程序员基地html标签
| html-列表 | 解释 | 说明 |
|---|---|---|
| < ul> | ||
| < li> | ||
| < a> |
| html-表格 | 解释 | 说明 |
|---|---|---|
| < table> | 表格 | |
| < tr> | 行 | |
| < td> | 单元格 | |
| < th> | 标题单元格 |
css
列表
| css-列表 | 解释 | 说明 |
|---|---|---|
| list-style-type | 列表图形 | disc实心圆、circle空心圆、square方块 decimal数字、lower-alpha小写字母、upper-alpha大写字母 lower-roman小写罗马、upper-alpha大写罗马 |
| list-style-image :url() | 列表对齐 | outside外对齐(文字) 、inside内对齐(图形) |
表格
| css表格 | 解释 | 说明 |
|---|---|---|
| border-collapse | 边框合并 | separate边框独立、collapse合并 |
| border-spacing | 设置内外间距 | 单位：像素或百分比 |
浮动
| css-浮动 | 解释 | 说明 |
|---|---|---|
| float | 浮动 | left左浮动、right右浮动 |
| clear | 清除浮动 | left左浮动、right右浮动、both两边 |
| overflow | 设置超出内容的显示方式 | visible不剪切也不添加滚动条、hidden隐藏 auto自动添加滚动条、scroll总是添加滚动条 |
#注意
- 谁浮动，谁会脱离标准流，会漂浮在半空中，就会挡住下面的元素
- 被挡住的元素，如果想显示出来，解决办法：
clear：both - 所有孩子都为浮动，父类会没有高度，解决办法：
- 设置height，但是需要计算。
- 设置一个新孩子，设置成清除浮动，但是不显示到页面上不建议使用
- 设置overflow：hidden，把超出面积外的孩子，进行包裹
- 伪类选择器：div：hover{}鼠标悬停
- 背景色：background-color背景色
- 设置元素的显示方式：display
- 按块级元素显示：block
- 按行级元素显示：inline
- 隐藏元素：none
