Pythonweb 小米商城案例 html/css知识点总结

Pythonweb 小米商城案例 html/css知识点总结

码农世界 2024-05-16 前端 67 次浏览 0个评论



 




    
    小米商城
    


    
        
            
                小米官网
                小米商城
                小米澎湃OS
                小米汽车
                云服务
                loT
                有品
                小爱开放平台
                资质证照
                协议规则
                下载app
            
            
                登录
                注册
                消息通知
            
            
        
    
    
        
            
            
                
                    
                
            
            
                Xiaomi手机
                Redmi手机
                电视
                笔记本
                平板
                家电
                路由器
                服务中心
                社区
            
            
                搜索框
            
        
    
    
        
        
        
    
  • 保障服务
  • 企业团购
  • F码通道
  • 米粉卡
  • 以旧换新
  • 话费充值


笔记:

1.浏览器能识别的标签

提供render template模版

submit为post请求




    
    Title


    

用户注册

 
            用户名:                   密码:                       性别:           男           女                       爱好:           篮球           乒乓球           羽毛球           足球           跑步                       城市:                                 擅长的领域:                                 备注:           ​              
​ ​

2.CSS标签

2.1.标签的三种使用方

很少直接在标签上写style

开发一个简单的页面可选

适合于写很多的页面(多个html),别人写好的css,直接把他们的文件引入使用

2.2.flask中的应用

见代码

2.3.CSS选择器

类选择器用的最多

整个html id=什么,只能存在一个。

标签选择器会让所有标签的格式都加上

多个style和覆盖,无重复都会生效,有重复,应用style定义下面的

!important;即使重复也不会覆盖

2.4具体样式

1.高度和宽度

行内自己占多少就占多少,块级霸道必须占满宽。

2.块和行内互换

既具有块级标签可以调height和width的特性,也具有行内标签一个多个的特性。有很多情况需要 display: inline-block

块级标签变成行内标签,行内标签变成块级标签

3.字体和颜色

颜色 大小 加粗 字体格式

4.文字对齐方式

水平方向居中

5.浮动

块级标签float起来,自己占多宽就有多宽

如果你让标签浮动起来之后,就会脱离文档流。

没办法把父亲撑开,父亲是没有高度,div下参数背景颜色为父亲,子女浮动(就是父亲标签div里面的background-color不会生效 除非加上clear:both)

加上claer: both 原来脱离文档流的会回归

如果再加一个,就仍会脱离着。

应该是在浮动的最后 clear:both。

转载请注明来自码农世界,本文标题:《Pythonweb 小米商城案例 html/css知识点总结》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,67人围观)参与讨论

还没有评论,来说两句吧...

Top