有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/京东.css">
        <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">

    </head>
    <body>
        
        <!--导航开始-->
        <div class="nav">
            <div class="wrap">
                <!--导航标签一般用ul和li来做-->
                <ul class="nav_ul1">
                    <!--由demo_index.html这个文件运行，复制粘贴iconfont编码-->
                    <li><a href=""><i class="iconfont">&#xe663;</i>京东首页</a></li>
                    <li><a href="">配送到福建</a></li>
                </ul>    
                <!--快捷键--ul>li*9>a-->
                <ul class="nav_ul2">
                    <li><a href="">洋洋宝贝</a><span>|</span></li>
                    <li><a href="">我的订单</a><span>|</span></li>
                    <li><a href="">我的京东</a><span>|</span></li>
                    <li><a href="">京东会员</a><span>|</span></li>
                    <li><a href="">企业采购</a><span>|</span></li>
                    <li><a href="">京东手机</a><span>|</span></li>
                    <li><a href="">关注京东</a><span>|</span></li>
                    <li><a href="">客户服务</a><span>|</span></li>
                    <li><a href="">网站导航</a></li>
                </ul>
            </div>                        
        </div>        
        <!--导航结束-->
        
        <!--搜索框开始-->
        <div class="search">
            <div class="wrap">
                <img src="img/京东logo.png" />
                <div class="search_div">
                    <input type="text" class="search_frame"/>
                    <!--搜索按钮-->
                    <input type="button" value="搜索" class="search_button"/>
                </div>
            </div>
        </div>
        <!--搜索框结束-->
        
        <!--标题开始-->
        <div class="title wrap">
            <h3>全部商品</h3>
            <div>
                <span>配送至</span>
                <select>
                    <option>宁德市</option>
                    <option>厦门市</option>
                    <option>福州市</option>
                </select>
            </div>
        </div>
        <!--标题结束-->
        
        <!--显示菜单的开始-->
        <div class="tips wrap">
            <ul>
                <li>
                    <input type="checkbox" />全选
                </li>
                <li>商品</li>
                <li>单价</li>
                <li>数量</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
        </div>
        <!--显示菜单的结束-->
        
        <!--商品详情展示开始-->
        <div class="info wrap">
            <ul>
                <li class="info_1"><input type="checkbox"/></li>
                <li class="info_2"><img src="img/文城.png" width="80px"/></li>
                <li class="info_3"><a>余华：文城（余华新书时隔8年重磅归来，《活着》之后又一精彩力作！）</a></li>
                <li class="info_4"><a>余华：文城</a></li>
                <li class="info_5">￥59.00</li>
                <li class="info_6">
                    <button>-</button>
                    <input type="text" name="id" value="1" />
                    <button class="bot">+</button>
                </li>
                <li class="info_7">￥59.00</li>
                <li class="info_8">
                    <a>删除</a>
                    <a>移入关注</a>
                </li>
            </ul>
        </div>
        <!--商品详情展示结束-->

    </body>
</html>

css代码：

/*导航样式设计开始*/
.nav{
    height: 30px;
    background-color: #F1F1F1;
}
.wrap{
    width: 1000px;
    /*上下外边距为0px，左右外边距自动*/
    margin: 0px auto;
}
.nav_ul1,.nav_ul2 li{
    /*作用：整体竖直左浮动*/
    float: left;
}
.nav_ul1 li{
    /*作用：拆分水平左浮动*/
    float: left;
    /*行高居中，调成该div的宽度数值*/
    line-height: 30px;
    /*京东首页和配送到福建的距离*/
    margin-right: 20px;
}
.nav_ul1 a,.nav_ul2 a,.nav_ul2 span{
    font-size: 12px;
    color: grey;
}
.nav_ul2{
    float: right;
}
.nav_ul2 li,.nav_ul2 span{
    line-height: 30px;
    margin-left: 10px;
}
/*伪元素选择器hover，光标移动至上方即可变色*/
.nav a:hover{
    color: red;
}
/*导航样式设计结束*/

/*搜索框样式设计开始*/
.search{
    /*使京东logo往下移动*/
    margin-top: 20px;
}
.search img{
    /*清除之前的所有样式*/
    clear: both;
    float: left;    
}
.search_div{
    margin-top: 25px;
    /*右浮动*/
    float: right;
}
.search_frame{
    width: 265px;
    height: 21px;
    border: 3px solid #C91623;
    /*相对定位*/
    position: relative;
    left: 9px;
    top: 0px;
}
.search_button{
    width: 51px;
    height: 28px;
    background-color: #C91623;
    border: 0px;
    color: #FFFFFF;
}
/*搜索框样式设计结束*/

/*标题样式设计开始*/
.title{
    margin-top: 130px;
}
.title h3{
    float: left;
    font-size: 27px;
    color: #C91623;
}
.title div{
    float: right;
    font-size: 14px;
    color: grey;
}
/*标题样式设计结束*/

/*显示菜单样式设计开始*/
.tips{
    width: 1000px;
    height: 50px;
    background-color: #F1F1F1;
    margin-top: 170px;
    border: 1px solid #E9E9E9;
}
.tips li{
    float: left;
    line-height: 50px;
    font-size: 12px;
    color: grey;
}
/*border-top上边框*/
.tips li:nth-child(1){width: 90px;border-top: 3px solid #C91623;}
.tips li:nth-child(2){margin-left: 60px;}
.tips li:nth-child(3){margin-left: 470px;}
.tips li:nth-child(4){margin-left: 75px;}
.tips li:nth-child(5){margin-left: 100px;}
.tips li:nth-child(6){margin-left: 50px;}
/*显示菜单样式设计结束*/

/*商品详情样式设计开始*/
.info{
    margin-top: 30px;
    width: 1000px;
    height: 125px;
    background-color: #FFFFFF;
    border: 1px solid gray;
    border-top: 3px solid gray;
}
.info li{
    float: left;
    margin-top: 20px;
}
.info a{
    font-size: 12px;
    color: #333333;
}
.info_1{
    margin-left: 23px;
}
.info_2{
    margin-left: 10px;
    border: 1px solid grey;
}
.info_3{
    text-align: left;
    width: 200px;
    height: 30px;
    margin-left: 15px;
}
.info_4{
    margin-left: 40px;
}
.info_5{
    margin-left: 180px;
}
.info_6{
    margin-left: 35px;
}
.info_6 input{
    width: 30px;
    height: 12px;
    text-align: center;
    position: relative;
    /*往上移动3px*/
    top: -2px;
    /*往左移动3px*/
    left: -2.5px;
}
.info_6 button{
    width: 25px;
    height: 18px;
}
.bot{
    position: relative;
    /*往左移动3px*/
    left: -5px;
}
.info_7{
    margin-left: 40px;
}
.info_8{
    width: 45px;
    text-align: left;
    margin-left: 20px;
}
/*商品详情样式设计结束*/

需要解决的地方是info_8

Python 全系列/第七阶段：网页编程基础/CSS 样式 11176楼

jQ的hover和js的hover有些不同，之后学习的同学可以注意下。一个是进出触发事件，一个是徘徊不断触发事件。

JAVA 全系列/第四阶段：网页编程和设计/jQuery 11177楼

from urllib.request import urlopen,Request
from urllib.parse import quote
def get_html(url):
    headers={
        "User-Agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 Edg/92.0.902.67"
    }
    request=Request(url,headers=headers)
    response=urlopen(request)
    return response.read().decode()
def save_html(html,filename):
    with open(filename,'w',encoding='utf-8') as f:
        f.write(html)

def main():
    content = input("请输入要获取的贴吧:")
    num = int(input("请输入要获取的页:"))

    for i in range(num):
        url="https://tieba.baidu.com/f?kw=' + quote(content) + '&ie=utf-8&pn={}".format(i*50)
        print(url)
        html=get_html(url)
        filename = '第' + str(i + 1) + '页.html'
        save_html(html,filename)
    # url = "https://tieba.baidu.com/f?kw=%E5%B0%9A%E5%AD%A6%E5%A0%82&ie=utf-8&pn=50"
    # html = get_html(url)
    # save_html(html)
    # url = "https://tieba.baidu.com/f?kw=%E5%B0%9A%E5%AD%A6%E5%A0%82&ie=utf-8&pn=100"
    # html = get_html(url)
    # save_html(html)

if __name__ == '__main__':
    main()
    
    
 老师，请问一下这个运行出来就只有下面那一行成功了，后面就报错是怎么回事儿呀?麻烦老师帮我看一下

Python 全系列/第十五阶段：Python 爬虫开发/爬虫基础（旧） 11178楼

微信图片_20210811190721.png

this.stackLength = (int)(this.stackLength*1.5);

老師，容器扩容的时候直接像这样写*1.5可以吗？

JAVA 全系列/第二阶段：JAVA 基础深化和提高/数据结构 11179楼

老师帮帮忙

JAVA 全系列/第八阶段：SpringBoot与MybatisPlus/Spring Boot旧 11180楼

老师，为什么我把1L放在最后或者其他位置乘出来的结果还是会溢出？而只有放在式子开头才不会溢处，才会得到正确结果？

JAVA 全系列/第一阶段：JAVA 快速入门/变量、数据类型、运算符 11181楼

安装不上怎么办啊老师

Python 全系列/第二阶段：Python 深入与提高/坦克大战 11182楼

Welcome和System首字母必须大写吗？为什么?

JAVA 全系列/第一阶段：JAVA 快速入门/JAVA入门和背景知识 11183楼

为啥代码中设置了不进行转码，浏览器中还是转了码

Python 全系列/第八阶段：轻量级Web开发利器-Flask框架/Flask视图基础和URL 11184楼

老师问下如何上传源代码！试了半天发现不行

JAVA 全系列/第一阶段：JAVA 快速入门/JAVA入门和背景知识 11185楼

老师你好！我的英语基本上就是零基础！要是学习编程都需要什么基本英语！我想问一下

Python 全系列/第一阶段：Python入门/编程基本概念 11186楼

请问老师，如果我想让炮弹的速度每秒递增，该怎么实现呢？

JAVA 全系列/第一阶段：JAVA 快速入门/飞机大战小项目训练 11187楼

z这样做先减少然后再从新放入redis中当有大量用户访问时会不会出现一共10件商品却有12个人下单成功了这算不算是高并发呢如果有的话应该如何解决呢？

JAVA 全系列/第十八阶段：亿级高并发电商项目/亿级高并发电商项目(旧) 11188楼

老师好，窗口继承自 javax.swing.JFrame，为什么闪的还是特别厉害？

JAVA 全系列/第一阶段：JAVA 快速入门/飞机大战小项目训练 11189楼

javaBasic1.rar

老师好,让上传的包

JAVA 全系列/第一阶段：JAVA 快速入门/飞机大战小项目训练 11190楼

同学您好