第三次实验-html&css

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总是添加滚动条

#注意

1. 谁浮动，谁会脱离标准流，会漂浮在半空中，就会挡住下面的元素
2. 被挡住的元素，如果想显示出来，解决办法：
            clear：both
3. 所有孩子都为浮动，父类会没有高度，解决办法：
   • 设置height，但是需要计算。
   • 设置一个新孩子，设置成清除浮动，但是不显示到页面上不建议使用
   • 设置overflow：hidden，把超出面积外的孩子，进行包裹
4. 伪类选择器：div：hover{}鼠标悬停
5. 背景色：background-color背景色
6. 设置元素的显示方式：display
   • 按块级元素显示：block
   • 按行级元素显示：inline
   • 隐藏元素：none