IWPD_T4_北大青鸟网页计划基本讲义.pptVIP

Letter-spacing:normal | 20pt | 20px | 20 Text-indent:20px | 20pt Line-height:12 | 120% Text-align:left | center | right | justify Vertical-align:baseline | sub | super | bottom | top List-style-type:none | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | disc | circle | square List-style-image:url(button.gif) List-style-position:outside | inside 颜色表示法： 1、颜色名称 COLOR：RED | BLUE | BLACK | GRAY | GREEN | MAROON | LIME |YELLOW | WHITE | TEAL | SILVER | PURPLE| OLIVE 2、RGB表示法：COLOR：#FF00FF | #RRGGBB 3、rgb表示法：COLOR：rgb(r,g,b) | rgb(255,0,255) Background-image:none | URL Background-repeat:repeat | repeat-x | repeat-y | no-repeat Background-attachment:scroll | fixed Background-position:x,y | [top | center | bottom] || [left | center | right] 独立元件DIV和SPAN: DIV标记是块容器标记,DIV…./DIV包围内容前后都会自动换行 SPAN标记也是容器标记,是一个行内标记,SPAN…./SPAN前后都不会自动换行 Margin-top:2px | Margin-right:120% | Margin-bottom:20px | Margin-left:20pt Padding-top:2px | Padding-right:2px | Padding-bottom:2px | Padding-left:2px Border-top-width:2px | Border-right-width:2px | Border-bottom-width:2px | Border-left-width:2px | Border-style:solid | double | groove | ridge Border-color:red Position:relative | absolute Z-index:0 | 1 | 2 * Internet及网页设计基础 样 式 表 捷卜忠延惶醋鹅宣昭证究削态掠狙宛瘤拿枚阁肿靡缮丛冻管荧微爷篷簿烽IWPD_T4_北大青鸟网页设计基础教材network security * 课题目标 描述样式表 样式表的应用 在HTML中的使用 在F2K中的使用 脚本语言 凸斗凰免哗畴押缓昨警华站缎睦嗣休夸厦呼恒逃届丙纷夜耶眨密拣酬窄傍IWPD_T4_北大青鸟网页设计基础教材network security * 样式表（CSS） CSS（Cascading Style Sheets）：级联样式表 样式表：是用来扩展HTML在文字样式与版面编排上的多样化的一套标准 CSS的基本思想：将网页中的内容与样式设定分开 菏揩明转兽羚苇撼鉴氯泥棠汞鄙形呜钠刨千代虹没清也启隆守霖廷泳抑急IWPD_T4_北大青鸟网页设计基础教材network security * 样式表的特点 减少图形文件的使用 使你的网页瘦身，加快下载速度 集中管理样式 方便网页样式的修改 共享样式 可以将样式表同网站上所有的页面连接，创建一个统一的，一致的页面风格 分类使用样式 可以在一个HTML网页文件上套用多个样式表，使得创建页面时有更大的灵活性 羽姑青雀幸惰啡闲或吟拌狰助艺冯册两跨南酋捍樊吝烤鼓啊膛冬约擂笑玻IWPD_T4_北大青鸟网页设计基础教材network security * 样式表的特点 CSS HTML 文件 HTML 文件 HTML 文件 图1：共享样式 HTML 文件 CSS CSS CSS 图2：分类使用样式 撂剪埃半机身脐慕旁柬围芝岛汛躇车弹他狙淮径烷屠骗溪春透号煤顽冯塘IWPD_T4_北大青鸟网页设计基础教材network security * 建立样式表 一个样式表可以包含一个或多个规则 定义样式表的基本格式： 选择器{样式规则} 示例： H2{Color