《BS前台开发技术》PPT课件.ppt

财经处财务信息资源部版权所有,财经处SAP系列培训教材之,密,文档号：XX项目编号-PMD-KKF-V1,2019/12/5贺涛,B/S前台开发技术,主要内容,2,2019/12/5,DIV的简介,DIV在编程中又叫做整除，即只得商的整数。DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。,CSS的简介,CSS，英文简写，意思有很多种。1、层叠样式表。其中以层叠样式表使用较广。CSS（CascadingStyleSheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。,1DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，是采用DIV+CSS的方式实现各种定位。CSS是英语CascadingStyleSheets（层叠样式表单）的缩写，它是一种用来表现HTML或XML等文件式样的计算机语言。HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多，甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记，这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养，随后，发布了XML，XML是一种比HTML更加严格的标记语言，全称是可扩展标记语言（EXtensibleMarkupLanguage,什么是DIV+CSS网页重构,color:#999999文字颜色font-family:宋体文字字型font-size:10pt文字大小font-style:itelic文字斜体font-variant:small-caps小字体letter-spacing:1pt文字间距line-height:200%设定行高文字粗体vertical-align:sub下标字vertical-align:super上标字text-decoration:line-through加?h除线text-decoration:overline加顶线text-decoration:underline加底线text-decoration:none?h除连接底线text-transform:capitalize首字大写text-transform:uppercase英文大写text-transform:lowercase英文写text-align:right文字*右对齐text-align:left文字*左对齐text-align:center文字置中对齐这些是一些简单的文字效果，可以应用到css的页面中。背景background-color:black背景颜色background-image:url(image/bg.gif)背景图片background-attachment:fixed固定背景background-repeat:repeat重复排列-网页预设background-repeat:no-repeat不重复排列background-repeat:repeat-x在x轴重复排列background-repeat:repeat-y在y轴重复排列background-position:90%90%背景图片x与y轴的位置链接A所有超连接A:link超连接文字格式A:visited浏览过的连接文字格式A:active按下连接的格式A:hover鼠标移至连接边框border-top:1pxsolidblack上框border-bottom:1pxsolid#6699cc下框border-left:1pxsolid#6699cc左框border-right:1pxsolid#6699cc右框border:1pxsolid#6699cc四边