山西新华电脑学校提供网页设计之css.pptVIP

第5章 css样式表 本章目标 CSS的概念、类型、基本用法 使用CSS面板创建各种样式表 详细设置样式表内容 定义个性化的样式表 CSS组成 选择符：样式表名称或特定标签 声明：定义样式元素 属性 值 层叠：一个网页应用多种样式表的能力 CSS特点 缺陷：显示效果与文件结构混合 特点：显示效果与文件结构分离，CSS来设置显示效果，table或DIV来设置文件结构 优势： 1、控制任一元素 2、内容格式分离 3、减少工作量CSS更新， 4、HTML的补充 5、便于维护，调高速度，条理清晰 CSS类型 自定义 任何位置、任何元素均可以用来做样式，P整个段落，span部分文字 重定义特定标签格式 改变标签的原意，部分标签如body CSS选择器 标签组合，部分标签 Css的写法 Head实现（style） style type=“text/css”（类型） 开始 .red（名称）{;}(属性) 内容 /style 结束 body实现(style) 直接在body内部填写，无法体现CSS的优势 调用外部文件 提前定义一个外部CSS文件，网页中调用 Link rel=“stylesheet”href=“名称” type=“text/css” CSS面板 窗口/css(shift+F11) 一、定义 CSS 二、附加CSS 使用外部CSS文件（CSS不是当前网页创建的），如果是本网页或内嵌的则不需要做此操作 三、应用 CSS 1、在网页中选择要应用样式的对象 2、在【CSS样式】面板中，选中要作为样式应用的样式表，单击鼠标右键 3、从弹出的快捷菜单中选择【套用】命令 。 1、应用自定义CSS（.） 应用效果 2、特定HTML（class） 特定HTML：直接升效 3、标签组（超级链接）【class】 4、特定ID（#）【id】 四、编辑CSS 点击编辑样式或双击样式，如果双击文件名的话，打开代码窗口 五、css冲突 多个CSS应用于一个文本时，原则上都会显示 如果冲突的话，就进原则（离文本的远近） CSS于HTML标签冲突，优先显示CSS 六、css设置详解 1、类型（文本编辑） 2、背景（背景编辑） 3、区块（间距+对齐） 4、方框(盒子) 5、边框（加边框） 6、列表（项目符号） 7、定位（转变层的放置位置） 8、扩展 时间样式表 控制样式表的是否显示 CSS面板右击“显示时间” 实 例 四种样式表的基本使用 * * 附加CSS样式表（链接外部CSS） 新建CSS样式表（链接外部CSS） 编辑CSS样式表（链接外部CSS） 删除CSS样式表（链接外部CSS） 应用于文本或文本快自定义样式 注意：类必须以点开始，字母+数字，一般为.+功能 部分标签的从定义 特定的HTML标签组合或含有某个ID属性（#+名称）的所有标签定义格式 直接写在代码中 外部调用 有些情况需要附加，文本右击也可以 默认链接 活动链接 鼠标靠近链接 已访问链接 行距（可以用%） 缩小大小写区别 背景图像在网页中如何重复 背景图像是否滚动 背景图像中相对于元素（滚动）或页面（固定）的位置 保留空格 文字不自动换行 是否显示元素 标签的间距和对齐，用户文本单元格 控制元素在页面上的放置方式，盒子效果 方框于其他的环绕方式 方框边缘不允许出现层 盒子于其他的间距 盒子边款于其他元素的区别 符号形状 符号图片 符号缩进程度 相对于页面的位置 相对于分段符的位置 相对于插入点的位置 坐标位置 层显示方式，继承（上层的可见性） 显示顺序 超出层部分处理情况 定义层的显示范围 页面无空间插入分页符 强制插入分页符 光标的视觉效果 指定位置插入分页符 * * *