CSS基础技术讲解篇.docVIP

css HYPERLINK PHPChina工作室 HYPERLINK Z e n d P H P C h ■ 1 n a T r a n 1 n g 知识回顾 ?HTML中的列表分类 ?表格相关标签、屈性 ?框架的作用 ?表单及表单控件 HYPERLINK Z e n d P H P C h i n T r a ■ 1 n ■ 1 n g 内容摘耍 ?掌握样式表的语法规则 ?样式表的分类： ?行内样式表 ?内嵌样式表 ?外部样式表 ?掌握常用的样式 ? 了解层和标签 HYPERLINK Z e n d P H P C h ■ 1 n a T r a ■ 1 n ■ 1 n g 闪烁文木 移动文本 消隐文本 HYPERLINK Z P H P C h ■ 1 n a T r a ■ 1 n ■ 1 n g 设置属性 这个段落应用了样式 这个段落按默认样式显示 什么是样式？ 指定显示样式 样式规则 HYPERLINK Z e n d P H P C h ■ 1 n T r a ■ 1 n ■ 1 n g 常用的样式属性 屈性CSS名称 颜色color 文木属性font-size字体大小 font-family 字体 text-align文本对齐 边框属性 （用于表 单元素） border-style边框样式 border-width边框宽度 border-color边框颜色 定位属性 （position） top顶部边距（上边距） left左边距 width宽度 height高度 z-index z轴索引号,用于层 HYPERLINK Z e n d P H P C h 1 n a ■ 1 n ■ 1 n g 东据样式代码的位置，分为三类： ?行内样式 ?内嵌样式 ?外部样式 样式的分类 (;) http// HYPERLINK Z e n d P H P C h ■ 1 n a T r a ■ 1 n ■ 1 n g 行内样式 您如果希果某段文字和其他段落的文字显示风格不一样，那么请采用“行内 样式行内样式使用元素标签的STYLE屈性定义。 /* —一关键代码一*/ 剩余时间：成交结束 新旧程度：全新 所在地：北京 宝贝数量：5件 浏览量:220次 另送价值50元的充电器套装！（一个充电器，两节充电电池）可使用半年以 HYPERLINK Z e n d P H P C h ■ 1 n a T r a ■ 1 n 1 n g 应用样式 p { font-size:20px; color:blue; text-align:center } 我是段落1 我是段落2 我是段落3 我们的样式绝对统一 内嵌样式?1 样式表 样式规则 所冇的段落都采用P样 式，保证样式统一 行内样式表局限于某个标签，如果希望本网页内的所以 同类标签都采用统一样式，这时应采用内嵌样式。 选择器 用分号隔开 HYPERLINK Z e n d P H P C h 1 n a T r a ■ 1 n 1 n g 内嵌样式?2选择器 根据选择器的不同，内嵌样式乂分为： ? HTML选择器 ? CLASS类选择器 ?ID选择器 HYPERLINK Z e n d P H p c h ■ 1 n a T a ■ 1 n 1 n g 齐-关键代码」/ p { /*设置样式：字体和背景色*/ font-family: System; font-size: 18px; color: #3333CC; } H2 { background-color: #CCFF33; text-align: center; 品种特征方面: 1、 蛋鱼：蛋鱼 2、 龙睛：龙睛 o 3、 咼头：咼头….。 内嵌样式?3 HTML选择器 HTML选择器 应用H2样式 应用P样式 HYPERLINK Z e n d H P C h 1 n a T r a ? 1 n ■ 1 n g 内嵌样式-4 class类选择器 .myinput { border: lpx solid; border-color:#D4BFFF; color:#2A00FF 用户名 密n bsp;码 CLASS类选择器 应用类选择器： class=^^ 类名“ 类选择器的定义格式为: ?类名 …样式规则; HYPERLINK Z e n d P H P C h 1 n a T r a ? 1 n ■ 1 n g #fire { colorred; font-size: 24px; 内嵌样式?5 ID选择器 ID选择器 ID选择器的定义格式为： #ID名 { …样式规则； } 应用ID选择器：ID=ID名“ HYPERLINK z e n d