python入门学习篇三十七

标签的两个重要属性

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

 

搜索

复制