標籤的兩個重要屬性

# id
# class 
'''這兩個屬性都是所有的標籤自帶的'''
<div id='d1' class='c1'></div>

# id屬性不能重複
# class 是可以重複的

表格標籤

id    name    age   gender
1       ly      18      male
2       kevin  20     female

# 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>

無序列表

# 掌握
無序列表：
<ul type="circle">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

有序列表(瞭解)
    <ol type="A" start="2">
        <li>a</li>
        <li>b</li>
        <li>c</li>
        <li>d</li>
        <li>e</li>
        <li>f</li>
    </ol>
標題列表(瞭解)
<dl>
    <dt>標題</dt>
    <dd>內容</dd>
    <dt>標題</dt>
    <dd>內容</dd>
</dl>

form表單

# 可以讓前端輸入的資料提交到後端

<form action="" method="post">
    # 朝後端提交的地址
    1. 什麼都不寫，預設提交的是當前地址
    2. 全寫：https://passport.baidu.com/v2/api/?login
    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;
        }

搜尋

複製