之前很早就听说,黑马的培训是上两天休息一天,果不奇然,除去第一天的开班典礼,已经上了两天的课了,其实也就一天,两天都是只是上午上课,下午和晚上在班级里自习。今天不上课,但我今天没有休息,和平时上课一样,早上七点来,吃完饭找了个自习室,坐下来看视频,敲代码,作息时间还和平时上课一样,以下是今天学习的内容:
1、表单 表单的作用:他是用来存储数据的,他有三个组成部分:表单域(
)用来收集所有表单存储的数据,然后发送给后台;文本:提示信息;表单:用来存储信息(1)input标签属性:type(表单的类型)、value(表单包含的值)
type的值:text:单行文本、radio:单选框,需要name属性并且要值一样,可以使用checked设置默认值、 checkbox:多选框,可以使用checked设置默认值、password:密码框,是暗文、submit:提交按钮 、reset:重置按钮 button:普通按钮
(2)textarea:多行文本输入框 常用属性:name、rows、cols
(3)语法格式:
下拉框,使用selected可以选择默认的选项
(4)lable:让文字和表单标签绑定的
使用方法:1、直接用label标签将表单包裹,如
2、使用for属性,for属性的值等于需要绑定的表单的id值
2、H5新增的属性
placeholder:占位符,文本提示语
autofouce:自动获取焦点,属性值等于自己
autocomplete:当输入一个字符的时候,自动补全,前提是表单信息已经提交过一次了,默认就是自动补全,属性值有:on(默认)、off(关闭自动补全)
required:验证非空,提交表单的时候会自动判断
input的type属性新增属性值:range滑块、date日期、数字
3、H5新增的语义标签:header(文档的头部)、footer(文档的尾部)、aside(文档的侧边栏)、nav(文档的导航栏)、section(文章的一节)、artice(文档的独立内容)
4、CSS的概念、作用及用法
CSS:层叠样式表,主要的作用是用来设置网页文字、图片、版式等,简单来说就是给网页化个妆。
基本语法:选择器 {
属性1:值1;
属性2:值2;
属性3:值3;
}
注意:选择器后面有一个空格,并且符号都是英文状态下的。
5、字体属性
常用属性: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(用来设置字体的类型):可以写好几个字体,每个字体之间用逗号隔开,中文字体用引号括起来,字体之间有空格的也需要用引号括起来。
6、开发者工具的简单使用:鼠标右击-->检查、F12或者Fn+F12、Ctrl+Shift+I
7、选择器:标签选择器、类选择器
(1)标签选择器:根据标签的名字进行选择,缺点:不能差异化选择
(2)类选择器:类选择器的使用步骤:1、先声明类选择器 语法 .自定义类名 {}
2、调用类选择器 class="自定义类名"
重要:一个元素可以对应多个类名,每个类名单独控制一种样式
今天自习就学了这么多,争取以后都能这样,需要对自己的总结更加精炼。