今天完成的事情：

搭建任务4框架

明天计划的事情：

完成任务4

遇到的问题：

任务4基础知识不了解

收获

自适应

1使用viewport

<mate name=”viewport” content=”width=device-width,initial-scale=1.0”/>

网页宽度默认等于屏幕宽度（device-width）

原始缩放比例（initial-scale=1.0）页面初始大小占屏幕的100%

2单位

尽量使用em rem 百分比%

图片要设置相对大小max-width=100%

3 媒介查询不同的屏幕分辨率，选择应用不同的css规则

1、由在head中直接加入代码

<link rel=“stylesheet”type=”text/css” media=”screen and (max-device-width:400px)”  href=”index.css”/>

2、@media screen and (max-device-width:400px){

   选择器

          {属性名：值}

}

URL的格式

URL定义：每一信息资源都有统一的且在网上唯一的地址，改地址就叫做统一资源定位符；

URL的组成：资源类型、存放资源的主机域名、资源文件名；

URL的语法格式一般为：（带方括号[]的为可选项）;

绝对路径：包含文件的所有信息；

相对路径：指向相对于原文档统一服务器或者同一文件夹中的文件；

"../"：返回上级目录；"/" :表示下一级目录；

表单 （form）输入类型

单选按钮 （checked默认）

<input type="radio" name=" " checked />  

<input type="radio" name=" " />

复选按钮 （checked默认）

<input type="checkbox" name=" " checked />  

<input type="checkbox" name=" " />

下拉列表<select>

    <option>湖北</option>

     <option>上海</option>

      <option>广州</option>

</select>

密码输入框<input type="password" />

提交按钮<input type="submit" />

重置按钮<input type="reset" />

普通按钮<input type="button" />

图片按钮（有提交功能）<input type="image" />

多行文本框<textarea cols="一行多少字符" rows="多少行"><textarea>

列表框<select size="一次显示多少个" multiple="可多选">

<option selected>默认的下拉菜单1</option>

<option>下拉菜单2</option></select>   

单行文本框

<input type="text" size="文本框显示的长度" maxlength="最长字符数"/>

隐藏域<input type="hidden"/>

文件域<input type="file"/>