网站开发_从基础做起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="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)对于理解块状布局很重要,具体可参见盒子模型
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。