列表、表单、CSS选择器

<!--

    1.列表的学习

    a.分类：有序列表，无序列表，自定义列表

    语法：

    <ol><li></li>...</ol>

    <ul><li><li>...</ul>

    <dl><dt>名词【被解释的内容】</dt><dd>对前面的内容起到解释作用</dd></dl>

    属性：type start【了解 css去控制】

    2.表单

    应用场景：登录注册界面...

    作用：收集用户信息

    组成：表单域【<form action="提交的路径【后台】"></form>】

    提示信息

    表单控件

    文本框：<input type="text">

    密码框：<input type="password">

    按钮

    普通按钮<input type ="button" value="">

    提交按钮<input type="submit">

    <button>显示的内容</button>（提交作用）

    重置按钮<input type="reset">

    图片按钮<input type="image" src="图片地址">

    上传文件<input type="file">

    单选框<input type="radio">

    复选框<input type="checkbox">

    下拉列表<select><option></option></select>

    文本域<textarea cols="一行中显示的字节数" rows="显示的列表书"></textarea>

    表单中的属性：

    value 设置初始值

    name 只有设置之后才可以把信息提交给后台/让单选框有互斥的效果

    placeholder 没有内容时的提示信息

    chekced  页面加载时默认选中

    3.css样式

    cssshisha :层叠样式表

    作用：梅花页面，简便html的结构【】

    引入方式：

    a.行内样式<p style=""></p>

    b.内部样式  从head中加入style双标签 选择器{css的属性:属性值;......}

    c.外部样式

    <link rel="stylesheet" href="css文件的路径">

    <style>@important url()</style>

    选择器

    通配符选择器   *{css的属性:属性值;......}

    标签选择器     标签名{css的属性:属性值;......}

    class选择器    .class属性值{css的属性:属性值;......}

    多类名选择器 class="类名1 类名2"

    id选择器       #id属性值{css的属性:属性值;......}

    群组选择器     选择器1,选择器2....{css的属性:属性值;......}

    后代选择器     选择器1 选择器2{css的属性:属性值;......}【选择器2为选择器1的后代[儿子 孙子]】

    伪类选择器     :link{}为访问的链接的状态    :hover{}鼠标悬停之后鼠标的状态   :active{}鼠标点击时的状态  :visited{}访问过的

    :hover[重点] hover和active可以用到其他的标签上

 -->