韩顺平html.pdfVIP

Div+css 的讲解 Div 元素是用来为html 文档内大块的内容提供结构和背景的元素。 CSS 是英语cascading style sehhts 的缩写 （层叠样式表），他是一种用 来表现HTML 或XML 等文件式样的计算机语言。 Div+css 是网站标准中常用的术语之一。 理解： 1、Div 是用来存放内容（文字，图片等其他元素）的容器( 元素) 。 2、Css 用于说明DIV 中的图片，文字或其他元素的样式（大小，颜色， 背景，位置等）。  好处： 1、html 文件就会减少大量的table 、tr 、td ，html 变简单。 2、内容和样式分离。 3、符合搜索引擎的喜好。（SE0 网页优化设计师） 4 、节约带宽。 快速体验div+css ：小案例 Html 文件： html head link href=my.css type=text/css rel=stylesheet / /head body div class=style1 table tr td1/td td2/td td3/td /tr tr td4/td td5/td td6/td /tr /table /div /body /html Css 文件： .style1{ width:300px; height:200px; border:1px solid red; margin:0px 0px 0px 20px; } .style1 table{ width:298px; border:1px solid green; } .style1 table td{ border:1px solid yellow; } Div+Css 的发展三个历史时期： Tabletable+cssdiv+css Css 的必要性 案例 使用span元素，ide 工具开发（myeclipe ） span style=font-size:40px; color:yellow;font:italic;栏目二/spanbr/ 从使用span 元素我们可以看出，css 的基本语法 元素名 style=”属性名：属性值；属性名2：属性值2；”/ 元素可以是html 的任意元素； 属性名和属性值要参考帮助文档，w3c 代码： body span style=font-size:50px; color :blue;栏目一/spanbr/ span style=font-size:40px; color :yellow;font :italic;栏目二 /spanbr/ span style=font-size:30px; color :red;font :normal;栏目三/spanbr/ span style=font-size:20px; color :green;font-weight :lighter;栏目四 /spanbr/ span style=font-size:10px; color :pink;font-weight:oblique;栏目五 /spanbr/ /body 使用css 可以统一我们网站的风格。 Css 的分类：内部css 和外部css 案例一： !-- Docytype：文档类型，用来应用dtd的，用来指定dtd （说明当前这个html遵循什么版本） -- !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titleCss1.html/title !-- keywords:关键字，是给搜索引擎看的 -- meta http-equiv=keywords content=keyword1,keyword2,keyword3 meta http-equiv=description content=this is my page meta http-equiv=content-type content=text/html; charset=UTF-8 !-- 告诉浏览器文件是什么编码 -- !-- 引入css文件的 -- !--link rel=stylesheet type=text/css href=./styles.css-- sty