CSS项目列表的应用解说.pptVIP

CSS---- 项目列表的应用 块状元素与内联元素 块状元素： 一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p。 块状元素与内联元素 常见的块状元素： div - 常用块级标签 form - 交互表单 H1—H6 – 各级大标题 hr - 水平分隔线 ol – 有序表单 p - 段落 table - 表格 ul – 无序列表 举例：hr样式的设置 hr { border: none; height: 6px;/*通过此语句设置横线的粗细*/ width: 800px; ;/*通过此语句设置横线的宽度*/ border-top:10px groove skyblue; } 块状元素与内联元素 内联元素： 内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。常见内联元素为“a”。 块状元素与内联元素 常见的内联元素： a - 锚点 br - 换行 img - 图片 input - 输入框 select - 项目选择 span - 常用内联容器，定义文本内区块 strong - 粗体强调 textarea - 多行文本输入框 举例：span样式的设置 span { fon