前端容易忘的

列表标签

1. 无序列表(掌握)
ul标签
<ul type="disc">
  <li>第一项</li>
  <li>第二项</li>
</ul>

type属性：
● disc（实心圆点，默认值）
● circle（空心圆圈）
● square（实心方块）
● none（无样式）
list-style:none 去掉前面的点

有序列表

<ol type="1" start="3">
    <li>
        
    </li>
</ol>

 表格

<table> 
    <thead> ===========================表格头
        <tr>===========================一行
            <td>姓名</td>==============一列

        </tr>
    </thead>
    <tbody>===========================表格数据
        <tr>
            <td>竺新景</td>
        </tr>
    </tbody>
</table>


属性:
● border: 表格边框.
● cellpadding: 内边距
● cellspacing: 外边距.
● rowspan: 单元格竖跨多少行
● colspan: 单元格横跨多少列（即合并单元格）

表单标签

type:
    text------>文本
    password----->密文输入密码
    date------>日期类型
    radio:   # 一组的单选框需要name值一样
        <input type="radio" name="gender"> 男
    checkbox: # 一组的复选要name值一样
        <input type="checkbox" name="hobby" checked> 足球
    # 单选可复选如果默认选中，只需要给标签加checked属性

属性说明:
● name：表单提交时的“键”，注意和id的区别
● value：表单提交时对应项的值
  ○ type="button", "reset", "submit"时，为按钮上显示的文本年内容
  ○ type="text","password","hidden"时，为输入框的初始值
  ○ type="checkbox", "radio", "file"，为输入相关联的值
● checked：radio和checkbox默认被选中的项
● readonly：text和password设置只读   但是可以提交数据据
● disabled：所有input均适用    让选择框选不中   不可以提交数据
● placeholder：对输入框做一个说明解释

 文件上传

# 针对于文件上传
    '''
        必须满足2个条件：
            1. 请求方式必须是post
            2. enctype属性：
                类似以是提交数据的编码格式
                1. urlencode----->默认的提交格式，它只能提交普通文本数据，不能提交文件等数据
                2. form-data------>支持了提交文件数据，并且也可以提交普通文件数据
                3. json------>{"k":"v"}
            3. form表单只能提交2种
                urlencode   form-data
                不能提交json格式的数据
            4. enctype="multipart/form-data"
    '''

 伪类选择器

a:hover{     鼠标悬浮                     p:first-letter{    首字母放大 
}
a:active{     鼠标左键按着不放            before{conent:'内容'}    在前面加内容
}
a:visited{     鼠标点击                       after{conent:'内容'}    在后面加内容
}


display:inline-block   标签就会具备行内和块级标签的属性

css盒子模型

    以快递盒为例
        盒子与盒子之间的举例----------------->外边距(margin)
        盒子的厚度--------------------------->边框(border)
        盒子里面的物体与盒子之间的举例---------->内边距(padding)
        盒子里面的内容----------------------->content