标签的相互关系就分为两种：1嵌套关系:<head>和<title>2并列关系:<head>和<body>倡议：如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位。如果是并列关系，最好上下对齐。4开发工具sublime所谓的开发工具，就是我们用什么软件来编写网页代码，常见的开发工具如下：
在HTML页面中，带有“<>”符号的元素被称为HTML标签，<html>、<head>、<body>都是HTML标签。所谓标签就是放在”<>”标签符中表示某个功能的编码命令，也称为HTML标签或HTML元素。1.双标签:<标签名>内容<标签名>2.单标签:<标签名/>（数量非常少）单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
div对象除了可以直接放入文本和其他标签，也可以多个div嵌套使用。单击“插入”面板上的“插入div标签”弹出对话框。该对话框的下拉窗口包含“在插入点”“在标签之前”“在开始标签之后”“在结束标签之前”“在标签之后”。“在插入点”选项则在当前光标所在位置插入相应的div。“在标签之前”选项，可以在所选择的标签之前插入相应的div。“在开始标签之后”可以在选择的标签的结束标签之前插入相应的div。“...
如果需要在网页中插入div，可以像其他元素一样，只需在代码的应用<div></div>的形式当中插入内容。<div>标签只是一个标识，div是css布局工作的第一步，需要通过div将页面的元素标识出来，而内容的样式就需要css来完成的。在div+css布局方面，为了实现内容与表现分离，不应将align属性和style属性编写在同一个<div>标签中。
div是HTML中指定专门用于布局设计的对象。在传统的表格式的布局当中之所以能进行页面的排版布局设计，完全依赖于表格对象table。在页面当中绘制一个由多个单元格组成的表格，在相应的表格中放置内容，通过表格单元格的位置控制，达到实现布局的目的这就是表格式布局的核心对象。但由于复杂的表格使得设计极为困难，修改更加的繁琐，最后网页代码除了表格本身的代码，还有许多没有意义的图像占位符及其他元素，文件量大...
1.E1[attr]2.E1[attr=value]3.E1[attr~=value]4.E1[attr|=value]<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">input{width:80px;height:40px;border:sol...
作用：将同样的样式，应用于不同的选择器语法：E1,E2,E3,E4{样式;}/*分组*//*span,p,a{color:goldenrod;}*/.aa,.bb,#p1{color:red;}<div>这是第一个的段落<div>这是第一个段落中嵌套的段落</div><spanclass="aa">这是span标签</span><ahref="#"class="bb">这是超链接...
语法：E1>E2<styletype="text/css">/*子选择器*/body>div{border:solid1pxgray;margin:5px;}</style><div>这是第一个的段落<div>这是第一个段落中嵌套的段落</div></div><div>这是第二个段落</div>
*{样式1;样式2;}*{padding:0;margin:0;}(5)包含选择器语法：E1E2tabletd{font-size:14px;}.prolist{width:200px;border:solid1pxgray;}.prolisth3{height:40px;line-height:40px;text-indent:20px;}.prolistull...
选择器{样式1;样式2;样式3;……}1.2CSS基本选择器（1）标签选择器语法:标签{样式1;样式2;}p{font-weight:bolder;color:darkslategray;font-family:"微软雅黑";}(2)类选择器.box2{border:dotted2pxblue;}Html使用类<divclass="box2">box2</div><divc...