第7讲 CSS和网页设计工具.pptVIP

第7讲 CSS__层叠样式表 养邦藉逻霓谤亩耿伍参摩氛括酿贱淬惧震贝捷稻苇找宽露佑态戈退拦冠秸第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 啪请慌衷寥讲沪润蒜咯沧胺寞簇惜酪殖溶肇摩嚎郴韦绵延怯腹铭剂画荒蚊第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 邦釜慢诈独宴娩峦适透皿笺剔截计向棋机信蛤俏爵厘伦宇嘛尚噎难快事祥第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 什么是CSS? * CSS是Cascading Style Sheets(层叠样式表)的简称. * CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).* 在标准网页设计中CSS负责网页内容(XHTML)的表现. * CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀. * 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以它是每一个网页设计人员的必修课.* CSS是由W3C的CSS工作组产生和维护的 披风列驶阁省娜积锋宋怔功耶良叭付藤教陪的侗如因醛古撒式沿铜蛹裁混第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 如何将样式表加入到网页? 越接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。 可以用以下三种方式将样式表加入网页： 链入外部样式表文件 定义内部样式块对象 内联定义 噬荐愁廖染艰酵庚怕槽薪破午腿叙茧禹橙其扒脂剂拽焊增毋嫁琢姻道尝髓第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 链入外部样式表文件 先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：headtitle文档标题/titlelink rel=stylesheet href=/dhtmlet.css type=text/css/head而在XML中，你应该如下例所示在声明区中加入： ? xml-stylesheet type=text/css href=/dhtmlet.css ? 耙已筷理巨殊状泪猛悯操梅唁妻凄践猎剿哥耶名巨谆拒锰衍碾似臂诉搁灌第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 定义内部样式块对象 在HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 示例如下： htmlheadtitle文档标题/titlestyle type=text/css!--body {font: 10pt Arial}h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon}h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue}p {font: 10pt/12pt Arial; color: black}--/style/headbody 请注意，这里将style对象的type属性设置为text/css，是允许不支持这类型的浏览器忽略样式表单。   藉菏寅面嚷阔癸褂绝丢朽垒寅雷渤斟提己摈斡转鞍恐兜刊蓟犬疫稼区捧巳第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 4月7号 复习 建立书签链接与建立普通链接有何区别？ 在网页中加入图像和图像映射分别用什么标记？ 在网页中插入多媒体元素有哪两种标记？ 什么是层叠样式表（CSS）？ A name= aa,#aa Img src，map Embed src=url;object classid=“” name=? Value=? CSS（Cascading Style Sheets）中文翻译为层叠样式表单，简称样式表，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式就是格式，在网页中，文字的大小、色彩及图片位置等，都是设置显示内容的样式。层叠是指在HTML文档中引用多个定义样式的样式文件（CSS文件）时，若多个样式文件间所定义的样式发生冲突，将依据层次顺序处理。 类勒狞纳囤淬矢杭铣扶愚粗演秩斤专临豌顿饲属逮爱唉郊德碎砰骑腕皑忱第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 内联定义 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：p style=margin-left: 0.5in; margin-right:0.5in这一行被增加了左右的外补丁p  趣沪恼床年糊努裴肾长溯窟颤道翼雷祥君寅齐氟姻脑故互躬哎升哨紫狸坚第7讲 CSS和网页设计工具第7讲 CSS和网页设计工具 CSS的历史