首页 > 代码库 > 网站开发_从基础做起1
网站开发_从基础做起1
推荐一个网站：标准之路，讲解网站开发确实很详细，带有实例边讲边实践，很是惊喜
就本人的经验来说，网站开发基础可以去w3School中学习html以及css的基本语法，然后参考上面提到网站的DIV+CSS教程 一步一步搭建起来自己的第一个网页，进步还是会很快的。
以下为学习中记录下来的笔记，常常记录，打好基础。
1.文档类型 doctype
它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。删除后可能引起某些样式表失效或其它意想不到的问题。
XHTML 定义了三种文件类型声明，其中使用最普遍的是 XHTML Transitional。其他还有STRICT（严格类型）、FRAMESET（框架类型）。
形如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
STRICT适用于：需要干净的标记，避免表现上的混乱。请与层叠样式表配合使用。
TRANSITIONAL适用于：当需要利用 HTML 在表现上的特性时，并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。
FRAMESET适用于：需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。
2.css样式表和其它文件记得和本文档的编码保持一样，要不就会出现乱码。
3.xhtml中标签必须有结束标记 例如<p></p> <hr />，而且标签必须小写。
4.CSS样式引入
1.引入外部样式(推荐使用)：<link href="http://www.mamicode.com/layout.css" rel="stylesheet" type="text/css" />
2.内部样式：<style> h2 { color:#f00;} </style>
3.行内样式(没实现样式与内容的分离，不推荐使用)：<p style="font-size:18px;">内部样式</p>
4.导入样式(在css文件中导入其他css文件)：@import url("/css/global.css");
5.样式作用范围
css类型可分为标签(重新定义Html元素)，类(可应用与任何Html元素)，id(仅应用于一个Html元素);
其中作为范围越小，优先级越高，比如id优先级要高于类。
6.盒子模型
内容（content）填充（padding）边框(border) 外边距(margin)对于理解块状布局很重要，具体可参见盒子模型