1、什么是浏览器？
解释和执行HTML源码的工具，具有发送，接收和解析的能力，有执行js的能力。
五大浏览器：IE,FF,Chrome,Opera,Safari
2、什么是标记语言？
不是内容本身，对内容结构化描述，是为了让内容更好的理解（文言文写注释）
3、什么是静态网页和动态网页？
静态网页：用户请求该网页的时候，服务器直接将该网页文件从磁盘中读取并返回给客户端浏览器。
动态网页：用户请求该网页的时候，服务器会先执行该网页中的C#代码，然后将执行后生成的html代码在返回给浏览器。
4、Meta标签的作用(元数据：用来描述页面自身信息的)
Meta有指定name和指定http-equiv两种写法
1.<meta name=“名字” content=“值” />关于网页的描述信息。
2.<meta http-equiv="名字" content="值" />模拟http响应头信息。这个信息主要是给浏览器软件来识别使用的。
<meta name=“keywords” content=“新闻,娱乐,八卦”/>
<meta name=“description” content=”中国最全的八卦新闻”/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />指定网页编码
<meta http-equiv="Refresh" content="3" /> 三秒钟后刷新此网页。
<meta http-equiv="Refresh" content="3;url=http://www.rupeng.com" /> 三秒后重新定向到新网页
<meta http-equiv=“Cache-Control” content=“no-cache” /> 禁止浏览器缓存页面。
5、DOCTYPE的作用（建议所有的页面都是用doctype来标记，否则不同的浏览器默认展示html的方式可能不同。）
因为html有不同的版本，不同浏览器对html解析也不尽相同。用来告诉浏览器应该按照html那个版本来解析当前html页面并显示。html草图、html+、html2.0、html3.2、html4.0、html4.01、xhtml1.0、....、html5。
<!------------------>
HTML 5
<!DOCTYPE html>
<!------------------>
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!------------------>
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!------------------>
6、锚记（两种用法）：
1.用name属性为<a> 起名字：<a name="Last">这里是最后</a>。这样可以通过<a href="#Last">转到平台</a>来跳转到超链接的部分。
2.直接使用其他元素的Id作为锚。<a href="#Id">go to Id</a>
3.连接到其他文档的某个部分直接href="a.html#mao"
7、单位（px,em）:
em：相对长度单位。相对于当前对象内文本的字体尺寸
<style type="text/css" media="all">
div
{
font-size: 12px;
height: 5em;
border: thick solid red;
}
</style>
<div>
div中定义了12px的字体，div的高度为字体的5倍（60px）
</div>
8、列表
dl:definition list(定义列表),用于名称展示
<dl>
<dt>河北</dt>
<dd>石家庄</dd>
<dd>秦皇岛</dd>
<dt>山西</dt>
<dd>太原</dd>
<dd>大同</dd>
</dl>
ol:
ul：ol和ul都有type属性，type的取值可以是：A、a、1、i、I、disc、circle、square
9、表格(th：自动加粗并居中，cellpadding（填充）、cellspacing（间距）)
<table>
<caption></caption>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</tfoot>
</table>
10、Input表单
text:size属性可以设置宽
file：使用file，则form的enctype必须设置为multipart/form-data、method属性为POST（*）
image：使用src属性指定图片的地址，用来实现美化的“登录按钮”。用图片实现的submit按钮，同时提交了用户点击图片的坐标
<input type="image" src=""/>
select:size大于1就是ListBox(size的值为显示出来的列表数量)
fieldset：GroupBox效果，将控件划分一个区域，看起来更规整
<fieldset style=“设置样式”>
<legend>常用</legend>
<input type="text" />
</fieldset>
11、id与name的区别
id的主要作用是为了客户端javascript操作方便,id属性绝对不能重复。
name的主要作用是为了能将数据提交到服务器，如果一个元素没有name属性，那么该元素的数据不会提交到服务器。
12、框架：
1.frameset 框架页里不能有body.
<frameset rows="30%,65%,*" cols=“50%,50%”>
<frame src="top.htm" noresize/>
<frameset cols="20%,80%">
<frame src="left.htm" noresize/>
<frame src="main.htm" noresize/>
</frameset>
<noframes>
<body>当浏览器不支持框架时，显示这个body中内容</body>
</noframes>
</frameset>
2.测试target属性的其他取值：top、parent、框架名。
iframe(不分割当前页面，就可以嵌入其他页面。)
<iframe src="iframe.htm" name="0" width="0" height="0"></iframe>
13、CSS:（层叠(多个样式可同时使用)样式表，Cascading Style Sheets)
14、样式选择器
1.标签选择器
2.ID选择器
3.类选择器
4.标签.类 选择器
5.层次选择器
6.组合选择器
7.伪选择器
A:visited：超链接点击过的样式；
A:active：选中超链接时的样式；
A:link：超链接未被访问时的状态；
A:hover：鼠标移到超链接时的状态
15、文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素
1.position:absolute;绝对定位
2.position:fixed;固定定位,IE6及以下版本不支持。
3.position:relative;相对定位
4.position:static; 默认值
*使用z-index,需要设置position:absolute;z-index大的在上面
16、Div+CSS(就是将要布局的内容用<div>切成块，然后使用css描述每个块的大小、位置等)
1.网页布局就是“这块内容显示在左边，那两块内容并排显示，那块内容漂浮在页面上
2.不要使用<table>进行布局，因为：table可能会在所有tr、td加载完成以后才显示，所以加载完成之前界面是一片空白；用table布局会将布局方式写在html中，违反了“语义性”原则；用table会影响搜索引擎的抓取，不利于SEO。因此Table用来表达真是表格状数据的东西，布局用Div(层)+Css来做,Div用来圈定元素，CSS用来定义元素的位置
17、CSS优先级
1.CSS中后定义的样式可以将先定义的样式覆盖，但通过!important可以提高优先级。（color:red !important; color:green;最后显示是red;）
2.CSS选择器优先级：
【Id选择器 > 类选择器 > 标签选择器】
18、盒子模型
06-25
694
694
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
