今日学习总结3.08

标签的两个重要属性

1.id属性
2.class属性
<div id='d1' class='c1'></div>
# id 属性不能重复（身份证）
# class 是可以重复的

表格标签

# border：边框的宽度
# cellpadding：内容距离内边框的距离
# cellspacing：单元格与单元格之间的距离
 <table border="1" cellpadding="10" cellspacing="5">
        <thead>
            <tr>
                <td>id</td>
                <td>name</td>
                <td>age</td>
                <td>gender</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td rowspan="2">ly</td>
                <td colspan="2">18</td>
<!--                <td>male</td>-->
            </tr>
            <tr>
                <td>2</td>
<!--                <td>kevin</td>-->
                <td>19</td>
                <td>female</td>
            </tr>
        </tbody>
    </table>

无序列表

1.#无序列表必须掌握 ul里套li
    <ul type="circle">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
2.有序列表（了解）ol里套li
        <ol type="A" start="2">
            <li>a</li>
            <li>b</li>
            <li>c</li>
            <li>d</li>
            <li>e</li>
            <li>f</li>
        </ol>
3.标题列表（了解）dl里套dt和db
    <dl>
        <dt>标题</dt>
        <dd>内容</dd>
        <dt>标题</dt>
        <dd>内容</dd>
    </dl>

form表单

# 可以让前端输入的数据提交到后端
    /index/ # 他会自动帮你拼接 ip:port/index/
# 朝后端提交的地址
1.什么都不写，默认提交当地址
2.全写：输入个网址
3.只写后缀：/index/ # 他会自动帮你拼接 ip:port/index/
修改请求方式：
    method="post"
 
'''
    请求数据格式：
        1. urlencode
        2. form-data
        3. json
'''
​
form表单只能提交：
    1. urlencode
    2. form-data
# 不能提交json格式的数据
​
提交json格式的数据：
    1. ajax
    2. api管理工具
​

结合后端验证form表单如何提交数据

# 轻量级的Python框架：flask
安装：pip install flask
'''form表单提交数据的时候，每一个标签都应该有一个name属性，否则，后端是接收不到的，而name的属性值相当于字典的key，用户数据相当于字典的value'''
​
form上传文件：
    1. 请求方式必须是post请求
    2. enctype='multipart/form-data'

CSS

简介：层叠样式表 style sheet
如何学习css？
    1.先学习如何查找标签
    2.再学习css的相关属性
语法结构：
    <style>
        选择器 {
            属性名：属性值
            属性名：属性值
            属性名：属性值
            属性名：属性值
        }
    </style>
选择器：
    1. 基本选择器（重要）
        id选择器
        class选择器
        标签选择器
        通用选择器
    2. 属性选择器
        div[username='ly'] {
            color: red;
        }
    3. 伪类选择器
        # 针对的是a标签
    4. 伪元素选择器
        
CSS注释：
    /*
        这是css注释
        这是css注释
    */
        

选择器的优先级

1.选择器相同的情况下
    就近原则，离谁越近就听谁的，行内的优先级最高
2.选择器不同的情况下
    行内式 > id > class > 标签

设置长宽

1.块级元素可以设置长宽
2.行内元素不可以设置长宽
# 行内元素设置长宽之后不会报错，只不过没有效果而已

文字属性

 p {
            font-size: 18px;
            /*font-weight: bold;*/
            /*如果是数字，范围100-900之间的整数，数字越大，加粗程度越大*/
            /*font-weight: 500; */
            /*下划线*/
            /*text-decoration: underline; */
            /*text-decoration: line-through;*/
            /*text-decoration: overline;*/
        }
​
        /*需要掌握的*/
        a {
            text-decoration: none;
        }