华为云ID：ihuawei20205.1 表单标签  表单元素  使用标签定义表单，表单有两个最重要的属性action和method，action属性定义了表单提交的地址，method属性定义了表单提交的方式。  例如：       5.2 input  input是一个标签元素，其属性type代表了input的表单类型，input标签就是通过type属性的不同取值来定义不同的表单控件。  单文本框：可以输入一行文本的表单控件    单选按钮：具有相同name属性的单选按钮只能选择一个    多选按钮：k可以选中多个的选择框。    按钮：普通按钮    提交按钮：会触发将表达那数据提交到服务器的功能。    重置按钮：会清除表单中的所有数据，回复表单中原始值    文件上传按钮：用于文件上传    5.3 select   select元素  用来定义列表,用来定义列表项  示例：       数学语文英语  5.4 textarea   textarea标签   用来表示多行文本域   示例：         一、CSS1.1 CSS    CSS的英文是Casacading Style Sheets，中文名 级联样式单,一般称为层叠式表单CSS的功能CSS是一种样式表现语言，它是对网页结构语言（HTML）的补充。主要用于对网页样式的定义。CSS的作用精确控制页面中的各个元素。1.3 CSS的引入    1、内联样式将CSS样式直接写到HTML元素的style属性中2、内部样式将CSS样式写到标签中3、引入外部样式精确通过元素引入外部的CSS文件4、导入外部样式通过在元素中，使用@import导入一个外部的CSS文件1.4 CSS的基本语法    1、CSS的语法格式selector{property:value;.....}selecor 叫做选择器，它决定了后面大括号的样式对哪些元素生效property:value  一条CSS样式每条样式都能改变selector选中元素的展示property 样式名，value是对应的样式值CSS样式可以有多条，它们包裹在大括号内部，每条样式之间通过分号分割；CSS的样式对大小写不敏感，推荐统一使用小写居于相同样式的选择器，可以分成一组，之间用逗号分隔。示例：h1{color:red;font-size:30px}#text{font-weight:bold;text-indent:2em}.box1,.box2,.box3{height:100px;background:yellow;}1.5 CSS的特性    1、层叠特性如何理解层叠样式表单中层叠的含义。2、继承性如何理解CSS中的继承特性。二、 CSS的选择器2.1 通配符选择器    1、什么是通配符选择器CSS的通配符选择器是一种比较特殊的选择器，用“*”表示。格式:*{property:value;......}含义：可以选中页面中所有元素，对所有元素都生效。用途：一般用一句设置一些初始化的公共属性2、示例：*{margin:0px;padding:0px}元素选择器使用某个HTML元素名作为选择器是一种最简单的选择器格式：E{property:value;......}2、示例：Huaweih1{background:red}2.2 id选择器    id是指我们可以在HTML标签设置一个id属性值id属性的特点是一个HTML文档，只能有唯一的一个，不能重复。格式为:#id{property:value;......}含义：可以选中页面中含有id属性值的元素例如：华为5G技术类选择器格式：class{property:value;......}类选择器中类指的是class属性有相同class属性值的都会被选中class和id相比不具有唯一性class属性的值通常以字母开头中间不能有空格类选择器可以和元素选择器组合使用。2、例如：华为5G技术2.3 属性选择器和伪类选择器    1、属性选择器属性选择器是用于对具有某种属性的元素设置CSS样式格式：E[attibute]{property:value;......}E代表元素，[]表示元素的属性2、属性的种类[attibute]用于选取指定属性（attribute）的元素[attibute=value]用于选取指定属性(attibute)和指定属性值(value)的元素。[atttibute~=value]用于选取属性值中包含指定属性的元素[attibute|=value]用于选取以指定值开头的属性值的元素。例如：春风十里div[title="spring"]{background:red;}伪类选择器1、什么是伪类伪类是指哪些处于一定状态的元素伪类以冒号开头2、什么是伪类选择器通过伪类来选中相应元素进而添加样式的选择器伪类名可以单独使用，亦可以和其他选择器一起使用。一般伪类选择器通常和元素名称一起使用，用于选中某一元素的伪类元素选择器和冒号之间不能有空格伪类选择器最喜欢和超链接(a元素)一起使用伪类如下：:link表示未被访问的链接:visited表示已被访问的链接:hover鼠标经过链接上方时的状态:active链接被激活时的状态这个顺序很重要例如：华为官网a:link{font-color:blue;}a:visited{font-color:yellow}a:hover{font-color:green;}a:active{font-color:pink;}2.4 派生选择器   1、后代选择器   后代选择器主要是用来选中某个元素的后代元素   格式：父元素 子元素{property:value;......}   注意：父元素和子元素之间至少有一个空格，可以有很多个空格   例如：   p span{color:red}      2、子元素选择器   格式：父元素>子元素{property:value;......}   用来选择作为某个元素子元素的元素   与后代元素的区别时后代选择器选的是所有子元素，而子元素选择器之选第一级子元素   示例：p