2019-07-16来黑马程序员的第五天(上课)

2019-07-16  本文已影响0人  柯南结局我就改名字

每天学习完,最后一件事就是来简书写写今天的总结,今天讲的东西比较少,主要的原因是昨天上自习,我已经把今天老师要讲的东西给看完了,总的来说今天还是比较轻松的,下面的知识是今天老师的讲的,不多,重点我都写在下面了:

一、表单:作用、组成、分类、属性


作用:用来收集表单的数据,发送给后台。

组成:表单域(<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(用来设置字体的类型):可以写好几个字体,每个字体之间用逗号隔开,中文字体用引号括起来,字体之间有空格的也需要用引号括起来。

好了今天的总结就是这么多了,明天继续。

上一篇下一篇

猜你喜欢

热点阅读