CSS简介文字效果和排版.pptVIP

text-decoration示例 html head title文字效果属性/title style type=text/css !-- .p1{text-decoration:underline} .p2{text-decoration:line-through} -- /style /headbody p class=p1文字加下划线/p p class=p2文字加删划线/p /body/html font设置综合字体属性 font属性是一种复合属性，可以同时对文字设置多个属性。包括字体族、大小、风格、加粗及字体变体 font: font-style font-weight font-variant font-size/line-height font-family 语法说明： 如果要利用font属性，同时设置多个文字属性时，属性与属性之间必须利用空格隔开； 前三个属性次序不定或者省略，默认为normal； 大小和字体系列必须显式地指定，先设置大小，再设置字体系列，字体系列如果有多个，以逗号分割； 行高必须直接出现在字体大小后面，中间用斜杠分开，行高是可选的属性； font属性是继承的。 font设置综合字体示例 html headtitlefont字体设置/title style type=text/css !-- .p1{ font-family:黑体; font-size:25px;font-weight:bolder;} .p2{ font:italic 25px 黑体;} -- /style/head body p class=p1本行文字以黑体25像素大小加粗来显示/p p class=p2本行文字以黑体斜体25像素大小加粗来显示/p /body/html 本节教学内容 CSS基本概念 CSS基本语法 CSS文字效果 CSS排版样式 排版样式属性 text-transform转换英文大小写 text-indent首行缩进属性 letter-spacing字符间距属性 line-height行距属性 text-align水平对齐属性 text-transform转换大小写 利用text-transform属性可以转英文大小写 text-transform：uppercase | lowercase | capitalize | none 语法说明： uppercase表示使所有单词的字母都大写，lowercase表示使所有单词的字母都小写，capitalize表示使每个单词的首字母大写，none表示默认值 font设置综合字体示例 html headtitlefont字体设置/title style type=text/css .p1{text-transform:lowercase} .p2{text-transform:uppercase} .p3 { text-transform:capitalize} /style/head body p class=p1This is some Text/p p class=p2This is some Text/p p class=p3This is some Text/p /body/html text-indent首行缩进 text-indent首行缩进属性，通常被用来指定一个段落，第一行文字缩进的距离 text-indent：长度单位 | 百分比单位 语法说明： CSS选择器 CSS选择器共有三种：标签选择器、ID选择器、类选择器。 类选择器 p class=one此处为p标签内的文字/p .one{ font-size:12px; background:#900; color:090; } ID选择器 p id=one此处为p标签内的文字/p #one{ font-size:12px; background:#900; color:090; } 标签选择器 p此处为p标签内的文字/p p{ font-size:12px; background:#900; color:090; } #menu ul { list-style: none; margin: 0px; padding: 0px; } #menu ul li { background: #eee; padding: 0px 8px; height: 26px;