html&css

网元的四大部分：header,nav,main,footer
article-> section
em 斜体
strong 粗体
span 文本串
q 引用
blockquote 多行引用
br 换行
  空格
hr 水平线
address 地址
code 代码引用
pre 多行代码引用
ul 无序列表 默认前面有点
li
li
/ul
有序列表，默认前面有1,2,3
ol
li
li
/ol
div 用id区分块

标题

1的标头	2的标头	2的标头
1的值	2的值	2的值

与服务器交互，提交接受信息，form表单,里面的元素一般都用name来沟通,action=“向该网址提交”
input可以用来当输入框type=text,button,submit,reset,checkbox,radio(实现单选要name相同)
name,value,checked
select下拉框 multiple="multiple" 可以多选，安装ctrl(windows),or command（mac）

love
make

//比如ratio前的label,点击后选择

---

CSS

p{
color:red;
}
.class{
color:red;
}
#id{
color:red;
}

同时用两个class,如果有相同的属性，会覆盖

.first>li 子选择器 作用于下第一代li标签
.first li 包含（后代）选择器 作用于所有的li标签

*{color:red;} 作用于全部的html元素

a:hover{ /超链接，鼠标滑过时的效果/
color:red;
font-size:200px;
}

span p{ /同时对span,p标签起作用/
color:red;
}
p{color:red;} /权值为1/
p span{color:green;} /权值为1+1=2/
.warning{color:white;} /权值为10/
p span.warning{color:purple;} /权值为1+1+10=12/
#footer .note p{color:yellow;} /权值为100+10+1=111/

---

.class .class 父子，非严格父子
例如：
.father .c3{backcolor:green;}

this is the text

//显示绿色

.class.class 链接选择器，且，只有元素同时包含两个class，才会生效
.important{color:red;}
.warning{font-size:20px;}
.important.warning{border:30px;}