一、html元素---列表
1、无序列表
<ul type="xxx">
<li>xxxx</li>
<li>xxxx</li>
<li>xxxx</li>
......
</ul>
2、有序列表
<ol type="xx" start="xx">
<li>xxxx</li>
<li>xxxx</li>
<li>xxxx</li>
......
</ol>
二、html元素---表单元素
1、文本框
<input type="text" maxlength="20" placeholder="请输入用户名">
2、密码框
<input type="password">
3、单选按钮
<input type="radio" name="sex">男</input>
<input type="radio" name="sex">女</input>
4、复选框
<input type="checkbox">唱歌</input>
5、下拉框
<select>
<option>xxxx</option>
<option>xxxx</option>
<option>xxxx</option>
........
</select>
6、多行文本框
<textarea rows="10" cols="40">xxxx</textarea>
7、上传文件
<input type="file">
8、按钮
<input type="submit" value="确定提交" >
<input type="reset" value="重置" >
<button>确认注册</button>
三、CSS样式
1、CSS选择器
（1）HTML选择器
语法格式：
html标签1，html标签2
{
属性名1：属性值1；
属性名2：属性值2；
属性名3：属性值3；
......
}
p
{
color:green;
font-size:24px;
font-family:楷体;
}
注意：当样式设置冲突时，采取就近原则
（2）class选择器：网页中多处使用相同的样式
.class名
{
属性名1：属性值1；
属性名2：属性值2；
属性名3：属性值3；
......
}
（3）id选择器：网页中唯一某处使用一种特殊的样式
#id名
{
属性名1：属性值1；
属性名2：属性值2；
属性名3：属性值3；
......
}
2、CSS的应用方式
（1）行内应用：针对某一标签行内产生效果
<div style=" background-color: #EE82EE;width:380px;border:2px solid #8B008B">
（2）内嵌应用：针对当前html文件所有的body中元素产生效果
<head>
<title>CSS样式</title>
<style type="text/css">
p{
color:green;
font-size:24px;
font-family:楷体;
}
</style>
</head>
3133
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
