美文网首页
2019-07-16来黑马程序员的第五天(上课)

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

作者: 柯南结局我就改名字 | 来源:发表于2019-07-16 21:57 被阅读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(用来设置字体的类型):可以写好几个字体,每个字体之间用逗号隔开,中文字体用引号括起来,字体之间有空格的也需要用引号括起来。

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

    相关文章

      网友评论

          本文标题:2019-07-16来黑马程序员的第五天(上课)

          本文链接:https://www.haomeiwen.com/subject/igyxlctx.html