《标签与属性》-课件设计（公开）.pptVIP

XHTML标签（一） 标签名 作用 举例 div 可将文档分割为多个区域模块，多用于网页布局 有序列表 无序列表 ol ul li第一个项目li li项目/li li第二个项目li li项目/li /ol /ul Ul，ol，li 用来实现普通的项目列表，分别用来显示有序列表和无序列表 blockquote 文本左右两端缩进 blockquote p引用的文本内容/p / blockquote h1-h6 用于创建网页中的标题。H1最大，h6最小 hr 用于网页中插入一条水平分隔线 p 用于显示段落。在默认状态下，段首会空两格 table，tr，td，th table用于表格外框，tr用于表格中的一行 td表示一个单元格，th表头单元格 a 用于表示超链接 a href=“#”书签/a img 定义插入图片的对象 img alt=“1” src=“#” XHTML标签（二） 标签名 作用 举例 font 改变字体大小与颜色 font size=12 color=red br 换行 b 字体加粗 i 斜体字 del 词中加划线表示删除 caption 标题 Iframe 页内框架 align 居中 CSS的选择器 类别 举例 用法 类选择器 .abc{---} 可多次使用 ID选择器 #div{---} 只能使用一次 标签选择器 a{---} 可多次使用 伪类选择器 a:link{---} 如下 CSS2.0规则中的伪类选择器 伪类 作用 active 鼠标按下未释放的样式 focus 被使用Tab键选中时的样式 hover 鼠标滑过时的样式 link 未访问过的样式 visited 已访问过的样式 first-child(letter,line) 设置对象的第一个子对象(字，行)的样式 lang 设置网页中某对象的语言 标签属性与值（一） 标签 作用 值 heigh 高度 px width 宽度 px font-size 字体大小 px font-style 字体样式 italic（斜体），oblique（倾斜字体），normal（默认值） font-family 字体类型 宋体，-- font-weigh 粗细程度 normal（默认值），bold（粗体），bolder（比默认粗一些），lighter（比默认细一些） font-width color 字体颜色 red，#ffffff margin 段落边距 px 标签属性与值（二） 标签 作用 值 text-decoration 文本修饰 none（默认值），blink（闪烁），underline（下划线），line-through（贯穿线），overline（上划线） line-heigh 行高属性 px text-indent 首行缩进 px，em（可为负值） text-align 水平对齐方式 left（左对齐），right（右对齐），center（居中对齐），justify（两端对齐） writing-mode 文本流动方向 lr-tb(水平自左向右，字符垂直向上），tb-rl（垂直自上向下，全角字符垂直向上，半角字符顺时针旋转90 度） direction 控制文本流动方向 ltr（自左向右），rtl（自右向左），inherit（自父对象继承获得） word-break 控制文本的字内换行 normal（允许在词间换行），break-all，keep-all（见p94) list-style-image 设置网页中项目列表的自定义项目符号样式 分别为none和url list-style-position 设置项目列表符号的排列位置 outside和inside Vertical-align网页对象的垂直对齐方式属性值 属性 说明 auto 根据文本流动方向设置对齐方式 baseline 默认值 sub 垂直对齐文本的底部 super 垂直对齐文本的顶部 top 与顶端对齐 text-top 文本与对象顶端对齐 middle 内容与对象中部基线对齐 bottom 对象与对象底部对齐 text-bottom 对象文本与对象底部对齐 List-style-type属性值 属性值 说明（项目列表符号） dis 默认值，实心圆 circle 空心圆 square 实心方块 decimal 阿拉伯数字 lower-roman 小写罗马数字 upper-roman 大写罗马数字 lower-alpha 小写英文数字 upper-alpha 大写英文数字 none 不使用 text-align 用于对齐文本 Justi