web标准学习第一天：基础知识
2010-10-26 13:45
561 查看
1、html文档第一行<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">是什么意思？
答：这句话表明文档是过渡类型。
标签<!DOCTYPE>翻译成中文就是文档类型，所以我们可以了解，html这第一个标签就是用来声明文档类型的。该标签放在<html>标签之前，文档的最顶端。文档类型有三种：严格类型strict、过渡类型transitional和框架类型frameset。
下面我们详细看看三种类型。
一、严格类型strict：
它要求将所有涉及表现的东西移到文档之外，然后用css来实现。它可以使你写的html文档干净整齐。
二、过渡类型transitional：
相对于严格类型，过渡类型允许在你的html文档中使用表现元素和属性，如果浏览器不支持使用css，那就需要用到这种类型了。这不是W3C联盟所期望的，但是当前一般使用这种类型，因为浏览器对xhtml的解析比较宽松，允许使用html4.01中的标签，但必须符合xhtml的语法。
三、框架类型frameset：
带有框架的框架的文档可以使用这种类型。这个类型和过渡类型没有什么区别，除了将frameset取代了body元素。
许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大家一定要保留这句话，删除它后可能引起某些样式表失效或其它意想不到的问题。
2、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />的作用？
答：这句话位于<head>标签之间，用来表明文档的语言编码。gb2312是中文简体编码，utf-8是国际通用编码。不管我们采用何种编码，其中包含的css文档或其他文档一定要和其编码语言保持一致，否则会出现乱码。
3、标签大写还是小写？
答：在html4.0以及之前的版本中，W3C是不区分大小写的。但在html5.0版本中，W3C标准明确规定标签要用小写。而且在xhtml中是区分大小写的，也要求标签必须用小写。
4、css的优先级？
答：css包含四种加载方式
一、外部样式：单独写一个css文件，使用link标签链接。
二、内部样式：写在<head>标签之间<style>标签内部。
三、行内样式：在标签内部以style=“”的方式使用，由于其和内容没有分离，所以不建议使用。
四、导入样式：@import url标记所链接的外部样式表，它一般常用在另一个样式表内部，如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式链接全局样式，这样就使代码达到很好的重用性。
上述四种方式有可能同时使用，那么他们的优先级如何呢，同时使用，哪种才有效呢？
一、id高于class
二、后面的高于前面的
三、定义的高于集成的
四、行内高于内部或外部
总之：单一的（id）高于公用的（class），有指定的用指定的，没有指定的则集成最近的。
5、css盒子模型组成？
答：传统table排版方式：通过大小不一的表格及表格嵌套来排版定位网页内容。
web标准排版方式：通过由css定义的大小不一的盒子及盒子嵌套来排版定位网页内容。
优点：表现和内容分离、代码简洁、易于维护，能兼容跟多浏览器。
盒子模型规定的盒子包括四部分：内容（content）、填充（padding）、边框（border）、边界（margin）。
我们可以把它想像成现实中上方开口的盒子，然后从正上往下俯视，边框相当于盒子的厚度，内容相对于盒子中所装物体的空间，而填充呢，相当于为防震而在盒子内填充的泡沫，边界呢相当于在这个盒子周围要留出一定的空间，方便取出。是不是这样就很容易理解盒模型了。(文章出处：标准之路http://www.aa25.cn/div_css/902.shtml)
注意：整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成，而css样式中weight所定义的宽度仅仅是内容部分的宽度。（文章出处：标准之路http://www.aa25.cn/div_css/902.shtml)。
参考文章：html4.01标签教程01----DOCTYPE文档类型标签
DIV+CSS教程：第一天 XHTML CSS基础知识
答：这句话表明文档是过渡类型。
标签<!DOCTYPE>翻译成中文就是文档类型，所以我们可以了解，html这第一个标签就是用来声明文档类型的。该标签放在<html>标签之前，文档的最顶端。文档类型有三种：严格类型strict、过渡类型transitional和框架类型frameset。
下面我们详细看看三种类型。
一、严格类型strict：
它要求将所有涉及表现的东西移到文档之外，然后用css来实现。它可以使你写的html文档干净整齐。
二、过渡类型transitional：
相对于严格类型，过渡类型允许在你的html文档中使用表现元素和属性，如果浏览器不支持使用css，那就需要用到这种类型了。这不是W3C联盟所期望的，但是当前一般使用这种类型，因为浏览器对xhtml的解析比较宽松，允许使用html4.01中的标签，但必须符合xhtml的语法。
三、框架类型frameset：
带有框架的框架的文档可以使用这种类型。这个类型和过渡类型没有什么区别，除了将frameset取代了body元素。
许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大家一定要保留这句话，删除它后可能引起某些样式表失效或其它意想不到的问题。
2、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />的作用？
答：这句话位于<head>标签之间，用来表明文档的语言编码。gb2312是中文简体编码，utf-8是国际通用编码。不管我们采用何种编码，其中包含的css文档或其他文档一定要和其编码语言保持一致，否则会出现乱码。
3、标签大写还是小写？
答：在html4.0以及之前的版本中，W3C是不区分大小写的。但在html5.0版本中，W3C标准明确规定标签要用小写。而且在xhtml中是区分大小写的，也要求标签必须用小写。
4、css的优先级？
答：css包含四种加载方式
一、外部样式：单独写一个css文件，使用link标签链接。
二、内部样式：写在<head>标签之间<style>标签内部。
三、行内样式：在标签内部以style=“”的方式使用，由于其和内容没有分离，所以不建议使用。
四、导入样式：@import url标记所链接的外部样式表，它一般常用在另一个样式表内部，如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式链接全局样式，这样就使代码达到很好的重用性。
上述四种方式有可能同时使用，那么他们的优先级如何呢，同时使用，哪种才有效呢？
一、id高于class
二、后面的高于前面的
三、定义的高于集成的
四、行内高于内部或外部
总之：单一的（id）高于公用的（class），有指定的用指定的，没有指定的则集成最近的。
5、css盒子模型组成？
答：传统table排版方式：通过大小不一的表格及表格嵌套来排版定位网页内容。
web标准排版方式：通过由css定义的大小不一的盒子及盒子嵌套来排版定位网页内容。
优点：表现和内容分离、代码简洁、易于维护，能兼容跟多浏览器。
盒子模型规定的盒子包括四部分：内容（content）、填充（padding）、边框（border）、边界（margin）。
我们可以把它想像成现实中上方开口的盒子，然后从正上往下俯视，边框相当于盒子的厚度，内容相对于盒子中所装物体的空间，而填充呢，相当于为防震而在盒子内填充的泡沫，边界呢相当于在这个盒子周围要留出一定的空间，方便取出。是不是这样就很容易理解盒模型了。(文章出处：标准之路http://www.aa25.cn/div_css/902.shtml)
注意：整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成，而css样式中weight所定义的宽度仅仅是内容部分的宽度。（文章出处：标准之路http://www.aa25.cn/div_css/902.shtml)。
参考文章：html4.01标签教程01----DOCTYPE文档类型标签
DIV+CSS教程：第一天 XHTML CSS基础知识
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Python学习第一天——基础知识（笔记）
- Mybatis 系列（4）——第一天学习笔记（基础知识）
- Linux运维学习历程-第一天-基础知识
- 从零开始学习Java——基础知识之了解Java（第一天）
- linux驱动学习--第一天：设备驱动概述（一）之基础知识
- [转]十天学习PHP之第一天(PHP)----基础知识
- WEB标准布局（DIV+CSS）学习笔记（一）-- CSS样式基础知识
- c++基础学习第一天（类与对象）
- Java学习一——基础知识
- wpf快速学习笔记一 xaml基础知识
- C++学习笔记(一)--基础知识sizeof用法
- python学习（基础知识）
- php学习第一天------基础语法
- MySQL学习笔记 1 - 基础知识
- [No000043]学习Linux操作系统必备基础知识
- Spring学习笔记1——基础知识
- 学习笔记：第7章 软件工程基础知识
- 计算广告学习笔记1.2 广告的基础知识-广告的有效性模型
- MQTT学习2——基础知识
- JavaScript精简学习1：基础知识