之前很早就听说，黑马的培训是上两天休息一天，果不奇然，除去第一天的开班典礼，已经上了两天的课了，其实也就一天，两天都是只是上午上课，下午和晚上在班级里自习。今天不上课，但我今天没有休息，和平时上课一样，早上七点来，吃完饭找了个自习室，坐下来看视频，敲代码，作息时间还和平时上课一样，以下是今天学习的内容：
1、表单 表单的作用：他是用来存储数据的，他有三个组成部分：表单域（<form></form>）用来收集所有表单存储的数据，然后发送给后台；文本：提示信息；表单：用来存储信息
（1）input标签属性：type（表单的类型）、value（表单包含的值）
type的值：text:单行文本、radio:单选框，需要name属性并且要值一样，可以使用checked设置默认值、 checkbox:多选框，可以使用checked设置默认值、password:密码框，是暗文、submit:提交按钮 、reset：重置按钮 button：普通按钮
（2）textarea:多行文本输入框 常用属性：name、rows、cols
（3）语法格式：
<select>
<option>1</option>
<option>2</option>
</select>
下拉框，使用selected可以选择默认的选项
（4）lable：让文字和表单标签绑定的
使用方法：1、直接用label标签将表单包裹，如<label><input type="text"></label>
2、使用for属性，for属性的值等于需要绑定的表单的id值
2、H5新增的属性
placeholder:占位符，文本提示语
autofouce:自动获取焦点，属性值等于自己
autocomplete:当输入一个字符的时候，自动补全，前提是表单信息已经提交过一次了，默认就是自动补全，属性值有：on（默认）、off（关闭自动补全）
required:验证非空，提交表单的时候会自动判断
input的type属性新增属性值：range滑块<input type="range">、date日期<input type="date">、数字<input type="number">
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="自定义类名"
重要：一个元素可以对应多个类名，每个类名单独控制一种样式
今天自习就学了这么多，争取以后都能这样，需要对自己的总结更加精炼。
网友评论