<mate name = "keywords" content ="">向搜索引擎说明你的网页的关键字
<mate name = "description" content ="">告诉搜索引擎你的站点的主要内容
<meta http-equiv="refresh" content="n;url=http://yourlink"> 定时让网页在指定的时间n内 跳转到http://yourlink;
input
1.text 文本框
2.password 密码框
3.radio 单选框
4.checkbox 复选框
5.hidden 隐藏表单
6..file 文件表单
7.submit 提交按钮
8.reset 重置按钮
9.image 图片提交按钮
10.button 命令按钮
select 下拉框,列表框(multiple)
textarea 多行文本
css是层叠样式表(cascading style sheets)的缩写 他用于定义html元素的显示形式,是一种格式化网页内容的技术
1.内联式:直接在元素中加入style属性,只能用于网页中的一个元素
<div style="border: 1px solid #000; width: 300px;height: 200px" ></div>
2.嵌入式: 书写style标签,在标签中指明样式 可以用于网页中不同的元素
<style>
div{
width: 200px;
height: 200px;
background-color: yellow;
border: 2px solid #8b4513;
}
</style>
3.外联式:将样式规则书写到文件中,可以用于不同的网页,重用度最好
<link rel="stylesheet" href="aaa.css">
层叠样式表的含义是:如果有多个规则来描述同一个元素那么会根据样式表的优先级 来决定最终样式
对于导入css方式的优先级: 内联式>嵌入式>外联式
css选择器
元素选择器:利用元素的标签名称作用选择范围。div{}表示所有div元素均采用该样式
h1h2{}表示所有的h1h2标签均采用该样式
内选择器:利用元素的class属性 引入类选择器的样式同一种元素也可以用 .mm{} <div class= "mm"></div>
id选择器 :让拥有该id属性的元素采用该样式 <p id = "p1"></p> #p1 id号为 p1的才能用
包含选择器: 元素内的子元素采用该样式 <div id ="mydiv"> #mydiv span{} id号为mydiv元素中的所有标签采用该样式 div。aaa{}表示所有的div中 class属性为aaa的元素采用该样式
通配符 *:所有的元素均采用该样式。 #oneDiv *{} 表示id为oneDiv 中 所有的元素均采用该样式
伪类选择器:执行完某个动作的样式采用该样式。#data tr:hover{} 表示鼠标悬停在id为data下的tr元素时 采用该样式