DIV+CSS从入门到精通.ppt

1、DIV+CSS从入门到精通主讲教师：王晰演示地址：,QQ：52440488 授课学生：大学二年级,第一章：内容简介,CSS技术是目前最流行的网页制作技术。新手学CSS+DIV由浅入深，循序 渐进介绍了如何使用CSS技术来制作网页。全手册内容包括认识CSS技术和X HTML语言、CSS基础语法、使用CSS属性控制页面元素的样式、DIV+CSS布 局基础、盒模型、块级元素和行内元素、浮动和定位、页面排版方式、HACK 技术和修正浏览器bug技术、WEB标准和网站重构。为了便于读者学习， 本手册最后几章提供了完整的网站制作实例。具体讲解了个人网站首页、 个人博客网站、服饰商城和大型门户网站的网页制作

2、。,第二章：教师推荐,新手学CSS+DIV： 由浅入深：从基本概念开始讲解，逐步深入到实际开发 示例丰富：讲解知识点时穿插了207个示例，有较强的实用性 面向就业：提供了常见面试题，帮助读者了解入职面试的相关知识 实例典型：提供了14个网页布局的典型实例，提高读者网页布局水平 视频教学：提供了8小时多媒体教学视频，学习起来更加直观 打开CSS+DIV程序设计大门的金钥匙 光盘内容,第三章：学前提示,1、网页制作新手可以试着进入html基础()栏目了解CSS必备的HTML基础 2、CSS新手可以从CSS基础开始学习 (www.sl- )必备的DIV CSS基础 3、有了一定CSS基础和html基

3、础，有兴趣可以进入其它栏目逐步了解CSS加深DIV+CSS技术，寻找自己疑问的答案! 4、有什么问题可进入CSS论坛(,第四章：什么是CSS,CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表又被我们称为CSS样式，CSS样式又被作为一种能制作出各种样式网页的技术统称。 在以后网页重构用到css的时候自然会对CSS样式更加深层次的认识CSS,知道CSS作用。 简单地说DIV+CSS(DIV CSS)被称为“WEB标准”中常用术语之一。首先认识DIV是用于搭建html网页结构（框架）标签。,第五章： CSS基本知识,css 高度(css heig

4、ht) css 宽度(css width) css 边框(css border) css 背景(css background) css float css font css 加粗 css 下划线 css 虚线(div css虚线) css 注解 css padding css margin css 文本 css 字体(css font-family) css 颜色(css color) css 超链接(css a) css 优化 css id(css #) css class(css .) css 列表(css li),第六章： CSS入门,认识了CSS原理，相当于我们找到CSS下手学习入口，

5、进入CSS世界。 转入正题，CSS原理模型例子：我们知道使用对讲机双方要通话，必须要在一定距离内（对讲机信号覆盖区）， CSS一样，CSS要生效必须引入要正确（推荐style 和 link，内嵌CSS代码和引入CSS文件2种方式引入嵌入CSS）；对讲机双方除了在信号范围内才能通话，还有最重要的就是双方频道频率（调频频率）要相同。 这样CSS选择器命名与html应用CSS类（class）值名相同后，这个CSS选择器里写不同样式属性，html对应部分网页内容样式就跟着你在CSS选择器里设置不同CSS属性样式而变化。,第七章:DIV+CSS例子,CSS代码（代码是放入html的head开始与结束标签

6、内）： .yangshi color:#F00;/* 定义内容为红色 */ #abc color:#0F0;/* 定义内容为绿色 */ 对应在html调用（此代码是放入body区内）： 我是红色 我是绿色,第八章:CSS原理与CSS实例说明,1、css属性选择器与html中DIV标签内使用CLASS或ID引入CSS的命名的名称要相同。（如上例，CSS中.yangshi.对应HTML） 2、CSS代码写到什么地方（上例：使用style在html中内嵌CSS代码，当然可以使用LINK外部引入CSS文件） 3、CSS属性选择器命名自己可以取，而CSS样式属性是固定的，如宽度对应width,第九章:CSS 高度(css height),DIV CSS高度基础知识 这里的CSS高度是指通过CSS来控制设置对象的高度。使用CSS属性单词he