每天学习完,最后一件事就是来简书写写今天的总结,今天讲的东西比较少,主要的原因是昨天上自习,我已经把今天老师要讲的东西给看完了,总的来说今天还是比较轻松的,下面的知识是今天老师的讲的,不多,重点我都写在下面了:
一、表单:作用、组成、分类、属性
作用:用来收集表单的数据,发送给后台。
组成:表单域(<form action=“提交后台数据的地址”></form>)、提示文本、表单。
分类:input、textarea、select
1、属性:input标签的属性
type:text(单行文本输入框)、password(密码输入框,是暗文)、radio(单选框 注意:1、单选框要想实现单选,需要使用name属性,并且name的值要一样。)、checkbox(多选框:注意:1、使用checked可以设置默认选项。)、file(上传图片文件 注意:1、默认只能选择一张图片,使用multiple可以选择多张图片,multiple属性值就是它本身。)、submit(提交按钮)、reset(重置按钮 注意:1、需要成功提交一次后才能清空输入的数据)、button(普通按钮)、image(图片按钮)
2、使用checked可以设置默认选项
textarea:文本输入框 用法: <textarea name="" id="" cols="30" rows="10"></textarea>
3、select:下拉选择框 用法:
<select name="" id="">
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
</select>
注意:1、使用selected可以设置默认选中项
二、HMTL骨架标签解释
1、<!DOCTYPE html> 告诉浏览器这是HMTL5页面,需要使用HTML5来解释该页面
2、<html lang="en"> 告诉浏览器该页面是英文页面,主要用于搜索引擎的优化,如中文的页面:
<html lang="zh-cn">
3、<meta charset="UTF-8"> 告诉浏览器使用UTF-8对该页面进行解码
4、<meta name="viewport" content="width=device-width, initial-scale=1.0"> 让浏览器根据设备对页面进行缩放自适应
5、<meta http-equiv="X-UA-Compatible" content="ie=edge"> 使用IE浏览器打开时,默认使用edge的内核
三、概念、作用、语法格式
1、概念:层叠样式表(cascading style sheets)
2、作用:用来设置页面的文字、图片的显示样式以及给页面进行排版,简单的说就是给页面画个妆
3、语法格式:
选择器 {
属性1:属性值1;
属性2:属性值2;
属性3:属性值3;
}
注意:1、选择器和后面的“{}”之间有个空格。
2、这里面的标点符号全部都是英文。
4、字体属性
常用属性:font-size(用来设置字体大小的,值如26px,需要加px)、font-weight(设置字体的粗细,常用的值是normal、bold、100-900 数字值是以100为单位,normal是400,bold是700,数字不需要加单位的,)注意:一开始设置字体粗细的时候就没有制定太多的粗细标准,一般在实际工作的时候,我们只设置normal(400)、bold(700),font-weight的值从100到900,每次以100为单位进行增加、font-style(用来设置字体的风格):normal、italic(倾斜)、font-family(用来设置字体的类型):可以写好几个字体,每个字体之间用逗号隔开,中文字体用引号括起来,字体之间有空格的也需要用引号括起来。
好了今天的总结就是这么多了,明天继续。
网友评论