python入门学习篇三十七

标签的两个重要属性

# id
# class 
'''这两个属性都是所有的标签自带的'''

'd1' class='c1'>


# id属性不能重复
# class 是可以重复的

表格标签

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

# border:边框的宽度
# cellpadding: 内容距离内边框的距离
# cellspacing: 单元格与单元格之间的距离

 "1" cellpadding="10" cellspacing="5">
        

            

                id
                name
                age
                gender
            

        
        
            

                1
                "2">ly
                "2">18

            

            

                2

                19
                female

无序列表

# 掌握
无序列表：

    "circle">
    
  • 1
    • 
    
  • 2
    • 
    
  • 3
    • 
    
  • 4
    • 
    
  • 5
    • 
    
  • 6
    • 



有序列表(了解)
    
    "A" start="2">
        
  1. a
    2. 
        
  2. b
    3. 
        
  3. c
    4. 
        
  4. d
    5. 
        
  5. e
    6. 
        
  6. f
    7. 
    

标题列表(了解)


    
标题

    
内容

    
标题

    
内容

form表单

# 可以让前端输入的数据提交到后端


"" 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的相关属性
'''
语法结构：
    
选择器：
    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;
        }

搜索

复制

相关

标签