企业门户网站的设计与实现(x)html和css核心基础.ppt

企业门户网站的设计与实现,2011.08,XHTML和CSS核心基础,学习要求,熟悉HTML网页基本设计 熟悉JavaScript或Jquery等脚本语言 了解Css层叠化样式布局 了解W3C规范，兼容主流浏览器,学习目标,熟练使用Html 进行网页设计布局 熟练编写JavaScript脚本 熟练运用Css样式对Html页面美化 灵活运用Html页面兼容主流浏览器 熟悉W3c规范,学习内容,灵活运用HTML内置元素进行HTML基本页面设计 灵活运用并编写CSS样式表对当前HTML页面进行美化 熟练编写JavaScript脚本 调试Html页面，兼容多个浏览器。 熟练使用脚本调试工具对页面的JavaScript脚本进行调试,前期准备,CSS----崭新的“老技术” Css带来的好处 Css使页面加载更快； Css可以降低网站流量费用； Css使设计师在修改设计时更有效率，而代价更低； Css使整个站点保持视觉的一致性； Css使站点可以更好地被搜索引擎找到； Css使站点对浏览者和浏览器更具亲和力； 在世界上越来越多人采用Web标准时，掌握Css可以提高设计师的职场竞争力。,XHTML和Css核心基础,HTML和CSS的区别 HTML和XHTML DOCTYPE文档类型的含义与选择 ,HTML和XHTML,HTML和XHTML的重要区别 在XHTML中标记名称必须小写 在XHTML中属性名称必须小写 在XHTML中标记必须严格嵌套 在XHTML中标记必须封闭 在XHTML中即使空元素的标记也必须封闭 在XHTML中属性值用双引号括起来 在XHTML中属性值必须使用完整形式 在XHTML中应该区分“内容标记”和“结构标记”,HTML和Css,在Html中引入Css的方法 行内式 This is Text 嵌入式 h1{colorred;} 导入式 import “default.css” 链接式 ,HTML和CSS,基本CSS选择器 标记选择器 类别选择器 在选择器名称前面加.表示类别选择器 ID选择器 在选择器名称前面加表示ID选择器,复合选择器 “交集”选择器 Div.special {} Divspecial{} “并集”选择器 Div,h1.first,p.special{} 后代选择器 Div h1.first span.firstletter {},HTML和CSS,HTML和CSS,CSS的继承特性,HTML和CSS,CSS的层叠性 行内样式ID样式类别样式标记样式 这是第一行文本 这是第二行文本 这是第三行文本 这是第四行文本 这是第五行文本,