发表于： 2020-03-10 20:17:55
1 1249
一.今日完成的内容和收获：
1.position定位有哪几种？各有什么特点
（1）static ：静态定位，html的默认值，不受top、right、bottom、left属性影响，元素正常出现在文档流中；
（5）相对定位和绝对定位的搭配使用：父元素使用相对定位，子元素使用绝对定位后，子元素的位置不再相对于浏览器的左上角，而是相对于父元素窗口左上角
2.哪些css属性可以设置百分比，其计算原则是什么
（1）定位属性：top、right、bottom、left属性；基于父元素计算
（2）盒模型属性：height,width,margin,padding
height:基于包含它的块级对象的百分比高度
width:基于包含它的块级对象的百分比宽度
padding,margin:百分数是相对于父元素的width计算
（3）文本属性
text-indent:第一行内容的缩进，允许有负值，基于父元素宽度的百分比缩进
line-height:设置行高，基于当前字体尺寸的百分比
vertical-align:设置元素垂直对齐的方式，使用“line-height”属性的百分比值来排列此元素。允许使用负值
（4）字体属性
font-size：字体大小，基于父元素的百分比
表单元素：
（1）form: 定义供用户输入的html表单
（2）fieldset: 定义围绕表单中元素的边框
（3）legend：定义fieldset元素的标题
（4）label：控制input元素的标注
（5）input：定义输入控件，根据type属性值的不同，功能也不同
（6）textarea：定义多行的文本输入控件
（7）button：定义按钮
（8）select：定义选择列表（下拉列表）
（9）option：定义选择列表中的选项
（1）form
<form name="" action="" method="" >....<form>
name: 规定表单的名称
action:值为url ，规定当提交表单时向何处发送表单数据
method：值为get/post ，规定用于发送form-data 的HTTP方法
<input type="" name="" value="">
name：定义input元素的名称
value：规定input元素的值
text：文本输入框
password：密码输入框
radio：单选按钮
checkbox：复选框
button：普通按钮
submit：提交按钮
reset：重置按钮
image：图像形式的提交按钮
hidden：隐藏域，隐藏字段对用户是不可见的
file：文件域，用于文件上传
<select size="" multiple="">
<option >...</option>
</select>
size：下拉菜单的可见选项数；
multiple：多选；
4.将任务5中的header和footer固定在页面中，将需要的小图标切图完成。
二.明天的计划
1.完成主体内容部分的布局
返回列表
评论