日报第十六天

今天完成的事

今天把任务四的深度思考看一下，在印象上面做了笔记，我就直接粘过来了。

1.关于定位的几种方法：

position属性规定元素的定位类型，所有的元素都可以定位，页面布局的框架就是通过定位来实现的。

1）absolute 生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。

position：absolute; left:0; bottom:0;就是紧贴上一个父元素左部和底部的一个定位。

2）fixed生成绝对定位，相对于浏览器窗口进行定位。

position：fixed；left:0; bottom:0;就是紧贴当前浏览器（pc/手机/平板）左部和底部定位。 

3）relative生成相对定位的元素，相对于其正常位置进行定位。

position：relative； left：20；就是在应当正常定位的位置，向左移动20个像素的位置。

4）inherit规定应该从父元素继承position属性的值。（还没用到过，用到再来填充）

2.css可以设置百分比的属性，及其计算原则：

定位属性：top、bottom、left、right。（可以用各类大小）

盒子模型属性：height、weight、margin、padding。（可用各类大小）

背景属性：background-position（可用颜色，大小）

文本属性：

text-indent（首行缩进  可用正负值 百分比 inherit继承） 

line-height（设置文本的行高，用百分比、数字、或者默认行距  也可以设置固定的行间距或继承）(数字会和默认大小相乘  数字加单位会设置为固定行间距)    

vertical-align设置元素的垂直对齐方式（vertical-align:text-bottom与底端对齐    vertical-align:text-top顶端对齐   

vertical-align:50px  距离顶端五十像素对齐     

vertical-align:100% 与目标位置提升一倍处对齐）

字体属性：font-size：26 文字为26像素大小的字     font-size：200%文字为二倍父元素大小的字。   

3.关于HTML结构的语义化：

1）语义化可以理解为一个标准，大家都用这个标准来做，可以节约资源，提高流通性、适用性、可读性。

2）另外语义化包含样式例如<h1>是一级标题，他附带 加粗和2em（浏览器默认文字大小两倍）的属性。

3）支持性加强，自定义的标签对于手机等设备的兼容性，支持性不够强。换成语义化之后，有了一个统一的标准，这些问题得以解决。

4）容易被爬，这个暂时不懂，被爬了能怎么样，先这么着吧。 

4.什么是表单

表单是在网页中，用来收集用户信息的一个窗口，，用户通过这个窗口，录入自己的信息。

常用表单元素：；

form:定义供用户输入的表单。

fieldset:定义域。即输入区加有文字的边框。

legend：定义域的标题，即边框上的文字。

label：定义一个控制的标签。如输入框前的文字，用以关联用户的选择

input:定义输入域，常用。可设置type属性，从而具有不同功能。

textarea:定义文本域(一个多行的输入控件)，默认可通过鼠标拖动调整大小。

button:定义一个按钮。

select:定义一个选择列表，即下拉列表。

option:定义下拉列表中的选项

常用的表单种类：

type="text"输入文本的。

type="password"输入密码的。

type="hidden"定义隐藏域的（还没用过）

type="radio" 定义单选框的。

type="checkbox"定义复选框的。

 type="submit"定义提交按钮的。

type="reset"定义复位按钮。

明天的计划

明后天，接着做任务五。上半部分带背景的做好，下半部分，先做个大概。

遇到的问题

没有什么问题，不清楚的，网上都有。在w3c网站里，不懂的属性试一下效果，总结一下就行了。

收获

今天把定位的几种方法、HTML结构的语义化、表单的几个常见元素、能用百分比的css属性总结了一下。

学习还是要定期总结。

明天加油