前端学习笔记二

1.文字标签和特殊符号

ps：所有文字标签都为双标签且为行内标签

1.加粗文字标签--b或者strong

2.下划线标签--u或者ins

3.删除线--s或者del

4.字体倾斜标签--i或者em

 2表单控件

表单域--form

    method--提交方式

    1.get（传输的数据放到导航栏上）速度快

    2.post（传输数据放到body上）

    表单控件

    input：

    1.placeholder--提示信息

    2.value--代表传递给后端的真实值

    3.size--表单控件内容显示的多少

    4.maxlength--规定表单控件里面容纳的最大值

    5.checked--默认被选中

    6.disabled--不可选中

    .type属性

        submit--提交按钮

        text--文本框

        password--密码

        radio--单选（给定一个name，保证只能选一个）

        checkbox--复选框（给定name，作为一组，保证可以多选）

        file--文件提交

        button--按钮（当给button元素在form中，相当于提交按钮

        image--自定义按钮

        reset--重置按钮

        textarea--文本域

        select--下拉菜单

3.SEO优化

SEO，即Search Engine Optimization， 搜索引擎优化

1.title

2.description(内容摘要)

3.keyword(关键字)

4.HTML5新增标签

header--定义文档的头部区域

nav--定义导航链接的部分

footer--定义section或document的页脚

article--定义页面独立的内容区域

section--定义文档的节（section、区段）

aside--定义页面的侧边栏内容

datalist--定义选项列表与input结合使用

fieldset--分组打包，相当于表单的一个外边框要和legend搭配使用

mark--标记文本

meter--进度条

5.HTML5新增type属性

input type属性

    1.url--填写内容为网址（https：//   http：//）

    2.email--填写内容为邮箱地址

    3.search--搜索框在输入内容后出现删除键

    4.date--日历

    5.time--定时器

    6.range--可拖动进度条

    7.color--颜色

    8.number--只能输入数字

6.HTML5新增常用属性

1.placeholder--表示占位符，用于提示用户输入，当用户输入数据时，这个提示会自动消失

 2.autofocus--表示页面加载时，input自动获得焦点

3.multiple--表示可以选择多文件上传

4.autocomplete--首先需要提交按钮（这个表单必须给name值）

5.required--表示必填项，内容不能为空

6.accesskey--表示使用alt+字母可以让input表单快速获得焦点

7.css引入方式

1.行内样式--在标签内部当作属性来设置，会让页面结构冗余，少用

2.内联样式--在HTML5的head标签中使用style标签

3.外联样式--在HTML5的head中使用link标签引入css文件，在css文件中定义样式

8.css字体属性

1.font-size--字体大小（网页中字体大小不能<12px)

ps:1em=16px   2.5em=24px

2.font-family-设置字体

        （1）中文字体样式要有双引号

        （2）可以设置多种字体，中间用逗号隔开

        （3）字体名中有特殊符号要使用英文版的单引号或者双引号

3.font-weight--字体粗细

4.font-style--字体风格

        normal--默认

        italic--斜体

        oblique--倾斜

5.font--综合设置字体样式

        基本语法：font: font-style  font-weight  font-size/line-height  font-family

        使用font属性时，必须按照上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开