韩顺平 轻松搞定网页设计DIV、CSS学习笔记.docVIP

韩顺平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-- style type=text/css .style1 { font: 30px; color: green; font-weight: bold; font-style: normal; text-decoration: underline; } /style /head body span style=font-size:50px; color:blue;栏目一/spanbr / span style=font-size:40px; color:yellow;font:italic;