CSS布局与美化.ppt
kp****93
亲,该文档总共39页,到这已经超出免费预览范围,如果喜欢就直接下载吧~
相关资料
CSS布局与美化.ppt
第7章CSS布局与美化TeachingObjectives7.1CSS定位与DIV布局DIV标签float浮动属性Clear清除浮动position定位属性Absolute&RelativeAbsolute&Relative7.2盒模型理论Box图解7.3CSS布局理念7.4DIV+CSS常见布局单行单列布局二列式布局三列式布局三列式布局(续)自适应高度及嵌套DIV7.5CSS文字样式CSS文字样式段落样式设计CSS滤镜图案文字CSS滤镜图案文字(续)7.6用CSS设计背景和图像背景控制背景控制(续)图像
div 学习 布局 CSS 修饰 美化 页面.ppt
ASP与表单表单表单元素表单元素表单属性接收数据的两种方法实例性格决定命运,专注成就人生
美化我的网页-css+div布局页面教案.pdf
美化我的网页----------css+div布局页面〔教案〕实训目的:1、学会css样式的创建、编辑和应用2、学会APdiv的创建和参数的设置3、学会使用css+div布局和美化网页。实训步骤:1、将素材库chaprter3中的SX7文件夹复制到D:\根目录下。运行dreamweavercs5,新建站点“网页特效制作”,站点文件夹为D:\SX7。打开站点根目录新建空白文档index.html,修改标题为“CSS+DIV布局网页”。2、制作基本结构〔1〕选择文档工具栏中的“拆分”视图下的<body>标签,
CSS布局实例:用CSS布局网站首页.doc
CSS布局实例:用CSS布局网站首页第一步下面是我们将要动手制作的设计图。如前所述,你可以阅读PSDTUTS上的这篇教程来学习如何做出这样的设计图。在这篇教程里我们只制作首页,不过你可以以此为基础用相同的布局制作内页。第二步首先要做的是确定页面结构。随着你对CSS布局的逐步学习,这个过程会变得越来越简单。通过运用大量绝对定位和大幅背景图片,我们可以非常简单地完成这个设计。什么是绝对定位?一个HTML元素(比如<div>、<p>等等)被放入页面时具有一个天生的位置,这个位置是由之前放入的元素确定的。例如,你
CSS+DIV网页布局与美化 第一章Web标准.ppt
第一章Web标准课程内容第一章Web标准表格布局与DIV+CSS布局的区别方法表格布局大大缩减页面代码,提高浏览速度;缩短改版时间;容易被搜索引擎搜索到;样式定义方便;表现和内容分离遵循Web标准化设计。什么是Web标准Web标准中网页的构成内容:页面实际要传达的真正信息,包括数据、文本、文档或图片。不包括辅助信息,如导航菜单、装饰图片等。结构:就是对网页内容进行整理和分类。表现:对结构化的信息进行样式上的控制,如对颜色、大小、背景等外观进行控制,所有这些用来改变内容外观的,称为“表现”。行为:是对内容的