day13_H5_CSS_1

一.标签.HTML是可以被浏览器解析的一套规则

1.a标签:他是主动闭合标签,表现形式<a href="http://www.baidu.com">baidu<a>,代表超链接,点击baidu,可直接跳转到百度地址,存在于body中

day13_H5_CSS_1

2.HTML的格式,一个页面由一个html主动闭合标签后成,该HTML标签中包含一个head标签和body标签.①head标签中大部分在前端浏览器中是不可见的

day13_H5_CSS_1

3.自闭和标签:没有另一对,自己就是一个整体,主动闭合标签:成对出现.写在标签中的内容叫属性

day13_H5_CSS_1

段落标签

day13_H5_CSS_1

标题标签,共六种形式,第一种字体最大,依次变小,先出生的最大,后出生的依次变小

day13_H5_CSS_1

多行文本,<testarea>xxxx<testarea>,他在页面上显示框可以任意调整大小.特殊符号空格符号

day13_H5_CSS_1

文本输入框input

day13_H5_CSS_1

多选框

day13_H5_CSS_1

单选框

day13_H5_CSS_1

上传文件

day13_H5_CSS_1

按钮:①button是一个单纯的按钮,需要和js联动,绑定事件才可以进行动作操作,

day13_H5_CSS_1

form表单,可理解为一张白纸,是一个载体,承载着输入的数据

day13_H5_CSS_1

form表单和按钮的连用,

小知识:后端发送请求的方式①通过ajax进行伊布请求,ajax每次提交不会刷新页面,验证通过才会跳转②通过form表单进行请求,form表单提交的时候会刷新整个页面,会导致用户填写的数据被清除,

day13_H5_CSS_1

form表单中增加扩展功能,比如下图点击用户名和用户名文本输入框区域,光标都可以定位到文本输入框中,使用<label><label>关联

day13_H5_CSS_1

下拉框,在选项中增加selected="selected"表示该选项是默认选项:①单纯的下拉框,select中嵌套option②层级下拉框,select中嵌套optgroup,在嵌套option

day13_H5_CSS_1

day13_H5_CSS_1

day13_H5_CSS_1

超链接标签<a><a>

day13_H5_CSS_1

图片标签

day13_H5_CSS_1

day13_H5_CSS_1

1.id选择器

day13_H5_CSS_1

多个id选择器使用一个样式,即id组合选择器

day13_H5_CSS_1

2.class选择器,css样式中使用最频繁的选择器

day13_H5_CSS_1

class组合选择器

day13_H5_CSS_1

3.标签选择器

day13_H5_CSS_1

4.id层级选择器

day13_H5_CSS_1

5.class层级选择器

day13_H5_CSS_1

6.属性选择器(自定义选择器)

day13_H5_CSS_1

上一篇:css基础样式


下一篇:Web前端开发css基础样式总结