1 CSS基础.ppt

* 一、CSS样式类型 二、定义样式表三、字体文本属性 四、列表属性 一、CSS样式类型 1、自定义CSS 出现“class”属性 2、重定义标签的CSS html标记 3、CSS选择符 使用“id”作为属性 二、样式表 style type=“text/css” !-- 选择器1{样式属性:属性值;样式属性:属性值;……} 选择器2{样式属性:属性值;样式属性:属性值;……} …… -- /style 1、定义样式表 标记 2、读取外部样式表 link rel=“stylesheet” href=“样式表位置” type=“text/css” head link href=style.css rel=stylesheet type=text/css /head 3、标记中定义样式 格式： html标记 style=“样式属性：属性值；……” body style=background-color:#FFFF99; text-align:center; color:#666666; padding-top:30 三、字体文本属性 语法： Font-family ---- 字体 Font-size ---- 大小 Font-style ---- 效果 Font-weight ---- 粗细 Font-variant ---- 英文大小写转换 style type=text/css !-- body{font-size:90%; font-style:italic; font-weight:bold; } h2 { font-family: 方正彩云简体,隶书; font-size: 30pt } -- /style 1、水平对齐 语法： text-align:left、right、center或justify 2、垂直对齐 语法： vertical-align:bseline、sub、super、top、text-top、middle、bottom或text-bottom 两端对齐 效果相同 效果相同 3、文本效果 语法： text-decoration:underline、overline、line-through、blink或none 4、首行缩进 语法： text-indent:缩进值 只有Netscape支持 相对：pt、cm 绝对：百分比、em 5、英文转换 text-transform：capitalize、uppercase、lowercase或none 首字母大写 大写 小写 6、间距 word-spacing：normal或值 ---- 单词间距 letter-spacing： ---- 字符间距 line-height： ---- 行距 四、列表属性 语法： list-style:list-style-type list-style-image list-style-position 符号样式 符号为图片 缩进属性 *