目录

Python

第七章 用户输入和while循环

1.input获取字符串输入

2.while循环

3.使用while循环处理列表和字典

项目： 前端

一、消除浮动本质

二、清除浮动的方法：

1.额外标签法

2.父级添加overflow属性

 3.父级添加after伪元素

 4.父级添加双伪元素

毕设

Python

第七章 用户输入和while循环

1.input获取字符串输入

 name= input("please enter your name: ")
 print(f"n Hello,{name}")

创建多个字符串，其中包括输入字符串

prompt = "if you tell us ,wa can"
prompt += "nwhat is your name?"

name = input(prompt)
print(f"nhello,{name}")

1.1 int获取数值输入

1.2 求模运算符%

2.while循环

print("n")
current_number= 1
while current_number<=5:
    print(current_number)
    current_number+=1

prompt = "ntell me something, and i will repeat it back to you"
prompt += "n enter 'quit' to end the program"
message = ""
while message !='quit':
    message = input(prompt)

    if message != 'quit':
        print(message)

2.1使用标志（定义一个变量，用于判断整个程序是否处于活动状态，这个变量叫做标志)

prompt = "ntell me something, and i will repeat it back to you"
prompt += "n enter 'quit' to end the program"

active = True
while active:
    message = input(prompt)

    if message == 'quit':
        active = False
    else:
        print(message)

2.2 break退出循环

prompt = "nplease enter the name of a city you have visited:"
prompt += "n(enter 'quit' to end the program)"

while True:
    city=input(prompt)

    if city == 'quit':
        break
    else:
        print(f"i'd love to go {city.title()}!")

2.3在循环中使用continue 返回训练开头，根据条件测试结果决定是否继续执行循环

current_number=0
while current_number<10:
    current_number+=1
    if current_number%2==0:
        continue
    print(current_number)

3.使用while循环处理列表和字典

for循环是一种遍历列表的有效方式，但不应该在for循环中修改列表，否则导致python难以跟踪其中的元素。

要在遍历列表的同时对其进行修改，可使用while循环

例子：首先，创建一个待验证用户列表和一个用于存储已验证用户的空列表

un/confirm/ied_users=['alice','brian','candace']
/confirm/ied_users=[]

验证每个用户，直到没有未验证用户为止

将每个经过验证的用户都转移到已验证用户列表中。

while un/confirm/ied_users:
    current_users=un/confirm/ied_users.pop()

    print(f"verifying user:{current_users.title()}")
    /confirm/ied_users.append(current_users)

显示所有已验证的用户

print("n the following users have been /confirm/ied:")
for /confirm/ied_user in /confirm/ied_users:
    print(/confirm/ied_user.title())

3.1删除为特定值的所有列表元素

pets=['dog','cat','dog','goldfish','cat','rabbit','cat']
print(pets)

while 'cat'in pets:
    pets.remove('cat')

print(pets)

3.2使用用户输入填充字典

responses={}
# 设置一个标志
polling_active =True

while polling_active:
    name=input("nwhat is your name?")
    response=input("which mountain would you like to climb someday?")

    responses[name]=response

    repeat=input("would you like to let another person respond?(yes/no)")
    if repeat=='no':
        polling_active=False

print("n--- poll results --- ")
for name,response in responses.items():
    print(f"{name} would like to climb {response}")

项目： 前端

一、消除浮动本质

1.父盒子不一定要有高度，当孩子内容会变化时，父盒子的高度也是变化的。

希望父盒子高度随子盒子内容数量变化而变化，这样通常不设置父盒子高度。但是，浮动元素不占有位置，子元素浮动，父元素高度如果没有规定，就会变成0。

2.为什么要清除浮动：父盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为0时，就会影响下面的标准流盒子（下面的标准流盒子会往上跑）。

清除浮动的本质是清除浮动元素脱离标准流造成的影响。

如果父盒子本身有高度，那就不需要清除浮动。

如果父盒子没有高度，清除浮动之后，父级就会根据浮动的子盒子自动检测高度，这样父级有了高度，就不会影响下面的标准流了

语法：{clean：属性值}

left/right/both

清除左侧/右侧/两侧浮动影响（实际开发只会用both）

清除浮动的策略：闭合浮动（让子元素在父元素内部浮动）

二、清除浮动的方法：

1.额外标签法，也叫作隔墙法

2.父级添加overflow属性

3.父级添加after伪元素

4.父级添加双伪元素

1.额外标签法

额外标签法会在浮动元素末尾添加一个空标签

例如 或者其他标签（如
）

    
        .box {
            width: 800px;
            border: 1px solid blue;
            margin: 0 auto;
        }

        .damao {
            float: left;
            width: 300px;
            height: 200px;
            background-color: purple;
        }

        .ermao {
            float: left;
            width: 200px;
            height: 200px;
            background-color: pink;
        }

        .footer {
            height: 200px;
            background-color: black;
        }

        .clear {
            clear: both;
        }
    




    
        大毛
        二毛
        
        
    
    

2.父级添加overflow属性

可以给父级添加overflow属性，将属性值设置为hidden、auto或scroll

优点：代码简洁

缺点：无法显示溢出的部分

    
        .box {
            overflow: hidden;
            
            width: 800px;
            border: 1px solid blue;
            margin: 0 auto;

        }

        .damao {
            float: left;
            width: 300px;
            height: 200px;
            background-color: purple;
        }

        .ermao {
            float: left;
            width: 200px;
            height: 200px;
            background-color: pink;
        }

        .footer {
            height: 200px;
            background-color: black;
        }
    




    
        大毛
        二毛
    
    

 3.父级添加after伪元素

after方式是额外标签法的升级版，也是给父元素添加

原理和隔墙法相同，但是结构更清晰，没有加额外的标签

    
        .clearfix:after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .clearfix {
            *zoom: 1;
            
        }

        .box {
            width: 800px;
            border: 1px solid blue;
            margin: 0 auto;

        }

        .damao {
            float: left;
            width: 300px;
            height: 200px;
            background-color: purple;
        }

        .ermao {
            float: left;
            width: 200px;
            height: 200px;
            background-color: pink;
        }

        .footer {
            height: 200px;
            background-color: black;
        }
    




    
        大毛
        二毛
    
    

 4.父级添加双伪元素

原理和after伪元素相同，只不过父盒子增加前面加隔墙法

这样父盒子的前后都有元素（墙），把子元素堵在中间

优点：代码更简洁

    
        .clearfix:before,
        .clearfix:after {
            content: "";
            display: table;
        }

        .clearfix:after {
            clear: both;
        }

        .clearfix {
            *zoom: 1;
            
        }


        .box {
            width: 800px;
            border: 1px solid blue;
            margin: 0 auto;

        }

        .damao {
            float: left;
            width: 300px;
            height: 200px;
            background-color: purple;
        }

        .ermao {
            float: left;
            width: 200px;
            height: 200px;
            background-color: pink;
        }

        .footer {
            height: 200px;
            background-color: black;
        }
    



    
        大毛
        二毛
    
    

毕设

正在探索环境搭建和研究基础代码