DIVCSS入门基础知识教程.doc

HYPERLINK /rumen/r319.html DIV+CSS盒子模型 CSS盒子模型-什么是 HYPERLINK / CSS盒子模型。 认识日常生活中盒子： 常常我们遇到盒子是用于可装东西长方形、正方形的盒子。如装皮鞋盒子、装电视机盒子，这个是比较具体的盒子。 CSS盒子：根据字面我们可以理解，CSS盒子也是装东西的，比如我们要将文字内容、图片布局网页中，那就需要像盒子一样装着。这个时候我们对其对象设置高度(height)、宽度(width)、边框(border)、边距(margin)、填充（padding）,即可实现像盒子一样的长方形、正方形平面盒子。 通常我们这样：一组div/div、span/span等类似这种语法标签组叫1个盒子。因为我们对其设置了高度(height)、宽度(width)、边框(border)、边距(margin)、填充（padding）等属性后即可呈现出盒子一样的长方形或正方形。所以我们CSS盒子模型因此而得来。 日常使用CSS盒子：我们说将什么内容放入一个盒子里，我们就要想到是放入div/div里，脑海里就要这个概念。假如我们说设置一个宽度为100px盒子，我们就要知道如下一个概念： HYPERLINK / Css样式代码：.yangshi{width:100px;} 对应 HYPERLINK /html/h26.html html代码：div class=yangshi内容/div 这个时候我们可以将div class=yangshi内容/div看作为一个盒子。 HYPERLINK /rumen/r316.html DIV+CSS是什么？ DIV+CSS是什么 目录 HYPERLINK /rumen/r316.html \l no1 DIV CSS(DIV+CSS)是什么 HYPERLINK /rumen/r316.html \l no2 DIV是什么重点介绍 HYPERLINK /rumen/r316.html \l no3 DIV语法 HYPERLINK /rumen/r316.html \l no4 实际DIV在HTML中截图 DIV+CSS是什么？ 或 DIV CSS是什么？ - HYPERLINK /rumen/r316.html \l top TOP HYPERLINK / DIV+CSS我们可以分为 HYPERLINK / DIV和 HYPERLINK / CSS两个概念。CSS：我们也讲过是什么，大家可参考网址（ HYPERLINK /rumen/r315.html CSS是什么）：DIV：这个是网页HTML的标签，通常我们在HTML代码中使用DIV标签配合应用CSS类布局网页。 DIV是什么重点介绍 - HYPERLINK /rumen/r316.html \l top TOP1、DIV是html其中一个常用标签，如span、table、h1等之类标签2、在HTML中DIV标签我们用的最多，具有代表性3、div配合css类，布局出网页 DIV语法 - HYPERLINK /rumen/r316.html \l top TOP div内容/div div class=divcss5内容/div div id=divcss5内容/div 实际DIV在HTML中截图 - HYPERLINK /rumen/r316.html \l top TOP DIV CSS是什么截图 您可能需要了解 HYPERLINK /rumen/r315.html CSS是什么？ HYPERLINK /html/h5.html 什么是html？ HYPERLINK /html/h26.html Html代码是什么？ HYPERLINK /rumen/r315.html css是什么? 什么是CSS？ HYPERLINK / CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 CSS作用：CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制，让网页按您的美工设计布局的更加美观漂亮。 CSS长什么样子首先CSS是由一定意义和作用的英文单词、数值组成，而使用单词分别有规律有固定的属性和用法。如下图： 您可能有以下知识需要掌握或者以下的疑问： HYPERLINK /rumen/r316.html 什么是DIV+CSS