JAVA 全系列

Python全系列

职业规划/学习方法

AI驱动的Python编程

Python 深入与提高

大模型入门和应用

【AI理论】提示词工程：高效对话与优化技巧

【职场AI】AI在职场中的高效应用场景

【办公AI】DeepSeek接入办公工具实战

【工作流】Coze视频工作流

【Python入门】零基础快速掌握Python编程

【Java入门】从零开始学Java：基础到实践

【企业实战】如何在项目中集成智能聊天机器人

【AI社交】在微信中接入DeepSeek打造AI女友

【大模型框架】LangChain 与基于RAG构建医疗问答系统

【AI助手与数据可视化】Assistants 与 Streamlit

【大模型本地部署与微调】训练属于你的Deepseek

【编程探秘】解锁AI智能编程工具奥秘

【图像绘图】走进Midjourney图像AI绘图世界

【模绘解析】洞悉Stable Diffusion（自选模型）AI绘图原理

WEB前端全系列

大厂算法特训班

C++特训班

鸿蒙应用开发

大数据全系列

Hadoop 分布式计算MapReduce和资源管理Yarn

人工智能

人工智能基础-Python科学计算和可视化

微服务

SpringBoot与MybatisPlus

Spring Cloud Alibaba技术栈

租房网（Spring Cloud最新架构）

软件测试全系列

Java编程基础和Java Web开发基础

7u职场软实力

毕设项目

软考中级

软考初级

ROS2机器人开发

计算机考研408

百战万词考研英语

考研英语7000词汇精讲1（1-1000）

考研英语7000词汇精讲2（1000-2000）

考研英语7000词汇精讲3（2000-3000）

考研英语7000词汇精讲4（3000-4000）

考研英语7000词汇精讲5（4000-5000）

考研英语7000词汇精讲6（5000以上）

英文原版报刊选题：《经济学人》选题

英文原版报刊选题：《纽约时报》选题

英文原版报刊选题：《自然nature》选题

英文原版报刊选题：《时代周刊times》选题

英文原版教材：《柏拉图：理想国，西方哲学源头》

考研英语

考研政治

AI Agent智能体开发大厂孵化器

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 134362个问题

时间排序推荐排序

老师，这里overflow不是可以处理float引起的两个副作用吗？
为啥还要再使用一次clear啊

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 376楼

name和value又有什么区别呢

WEB前端全系列/第一阶段：HTML5+CSS3模块/表单 377楼

设置—Emment里面没有use online completions

WEB前端全系列/第一阶段：HTML5+CSS3模块/前端入门与基础知识 378楼

直接<form>包裹整个表格也是正确的更省事吧。

WEB前端全系列/第一阶段：HTML5+CSS3模块/表单 379楼

什么时候需要使用ie盒模型呀？有时候我不使用他们也可以达到效果，那什么时候应该使用他们呢？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 380楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>米课</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/mike.css">
</head>
<body>
    <div class="nav">
        <div class="wrap">
            <div class="logo"></div>
            <div class="search">
                <form action="">
                    <input type="text" placeholder="查找课程..." class="text-input">
                    <button class="iconfont">&#xe64d;</button>
                </form>
            </div>
            <div class="nav-bar"></div>
        </div>
    </div>
</body>
</html>

.search button{
    width: 40px;
    height: 34px;
    background-color: #f5f5f5;
    color: #54abd4;
    font-weight: 900;
    position: absolute;
    top: 16px;
    right: 2px;
    border: none;
}


老师您好，请问我的代码哪里有问题呢，为什么button里面的方大镜图标显示不出来？

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 381楼

demo-

老师，这节课讲的不太明白,麻烦您给能解决一下吗

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 382楼

也没搜索到

WEB前端全系列/第一阶段：HTML5+CSS3模块/前端入门与基础知识 383楼

我只用了绝对定位left，没有用margin-left,动画也没有用display，而是给颜色设置透明，最后效果差不多，这样可以吗？

            <div class="tria"></div>

.tria{
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: 0;
    left: 33%;
    transition: all 0.05s;
}
.black-nav-left li:hover>.tria{
    border-bottom: 8px solid #fff;
}

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 384楼

没啥要问答的，就是想给后面的同学留言

成长的过程是苦涩的，但我们实毋须害怕，因为在每一次哀伤的背后，都有一份成长的喜悦，就如松柏凌霜雪而弥劲，春天总是伴随在严冬之后。

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 385楼

我想让网页整出三个一行排列的图加字。用那些代码呀

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 386楼

<!DOCTYPE html>

<head>

<title>xiaomi</title>

<style>

.black-nav {

height: 40px;

width: 100%;

line-height: 40px;

font-size: 12px;

color: #b0b0b0;

background-color: #333;

}

.wap {

width: 1226px;

margin: 0 auto;

}

.black-nav-left {

float: left;

list-style: none;

}

.black-nav-right {

float: right;

list-style: none;

}

.wap a {

text-decoration: none;

}

.black-nav li {

float: left;

}

.black-nav a {

color: #b0b0b0;

}

.black-nav a:hover {

color: #fff;

}

.black-nav span {

margin: 0 3.6px;

color: #424242;

}

.cart {

width: 120px;

height: 40px;

background-color: #424242;

margin-left: 25px;

position: relative;

}

</style>

</head>

<body>

<li><a href="#">小爱开放平台</a> <span>|</span></li>

<li><a href="#">下载app </a> <span>|</span></li>

<li><a href="#"> Select Location</a> <span>|</span></li>

</ul>

</ul>

</div>

</body>

</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 387楼

input标签一定要放在from容器里么

WEB前端全系列/第一阶段：HTML5+CSS3模块/表单 388楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="icon" href="image/icon.png">
    <link rel="stylesheet" href="css/test.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 头部的开始 -->
    <div class="header">
        <a href="#">
            <img src="image/a2a9e6db5e3c5374301827435d8595c6.jpg" alt="">
        </a>
    </div>
    <!-- 头部的结束 -->
    <!-- 导航开始 -->
    <div class="headerNav">
         <!-- 水平居中DIV -->
        <div class="nav">           
            <lu class="nav_ul_left">
                <li><a href="" herf="#">小米商城</a> <span>|</span></li>
                <li><a href="" herf="#">MIUI</a> <span>|</span></li>
                <li><a href="" herf="#">loT</a> <span>|</span></li>
                <li><a href="" herf="#">云服务</a> <span>|</span></li>
                <li><a href="" herf="#">天星数科</a> <span>|</span></li>
                <li><a href="" herf="#">有品</a> <span>|</span></li>
                <li><a href="" herf="#">小爱开放平台</a> <span>|</span></li>
                <li><a href="" herf="#">企业团购</a> <span>|</span></li>
                <li><a href="" herf="#">资质证照</a> <span>|</span></li>
                <li><a href="" herf="#">协议规则</a> <span>|</span></li>
                <li><a href="" herf="#">下载app</a> <span>|</span></li>
                <li><a href="" herf="#">智能生活</a> <span>|</span></li>
                <li><a href="" herf="#">Select Location</a></li>
            </lu>
            <ul class="nav_ul_right">
                <li><a href="" herf="#">登录</a><span>|</span></li>
                <li><a href="" herf="#">注册</a><span>|</span></li>
                <li><a href="" herf="#">消息通知</a></li>
                <li class="cart">
                    <a href="" herf="#">购物车(0)</a>
                    <div class="cart_list">购物车中还没有商品，赶紧选购吧！</div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 导航结束 -->
</body>
</html>

/* 头部css开始 */
.header{
    width: 100%;
    height: 100px;
    /* background-color: red; */
    overflow: hidden;
    /* 父元素定位 */
    position: relative;
}
.header img{    
    height: 100px;
    /* 子元素定位 */
    position: absolute;
    /* 子元素左边距离父元素50% */
    left: 50%;
    /* 子元素向左移50% 这样图片就跟父元素水平居中了*/
    transform: translateX(-50%);
}
/* 头部css结束 */

/* 导航样式开始 */
.headerNav{
    width: 100%;
    height: 40px;
    background-color: #333; 
    line-height: 40px;
    font-size: 12px;
    color: #b0b0b0;
}
/* 水平居中DIV  */
.nav{
    width: 1226px;      
    margin:0 auto;   
}
.nav_ul_left{
    float: left;
}
.nav_ul_right{
    float: right;
}
.nav li{
    float: left;
}
.nav a{
    color: #b0b0b0;
}
.nav span{
    color: #424242;
    margin: 0.3em;
}
/* 导航上所有a标签 */
.nav a:hover{
    color: #fff;
}
/* 购物车 */
.cart{
    width: 120px;
    height: 40px;
    background-color: #424242;
    margin-left: 25px;
    position: relative;
}
/* 购物车背景 */
.cart:hover{
    background-color: #fff;
    /* 鼠标移动到li变成小手 */
    cursor: pointer;    
}
/* 购物车字体 */
.cart:hover>a{   
    color: #ff6700;
    font-weight: 500;
}
/* 购物车下拉内容 */
.cart_list{
    width: 316px;
    height: 0;    
    background-color: #fff;
    color: #424242;
    position: absolute;
    right: 0;
    top: 40px;
    display: none;
    overflow: hidden;
    /* 动画过渡 */
    transition: all 0.3s;
    /* 设置边框 */
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
}
.cart:hover>.cart_list{
    height: 100px;
    line-height: 100px;
    display: block;  
    
}
/* 导航样式结束 */

在购物车下拉内容里面动画过渡那里设备了过渡效果没起作用。

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 389楼

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.box1{

width: 150px;

height: 150px;

background-color: wheat;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}

</style>

</head>

<body>

<p>

大家好，我是xxx!大家好，我是xxx!大家好，我是xxx!

大家好，我是xxx!大家好，我是xxx!

</p>

</div>

</body>

</html>

老师想问一下，就是按照上面代码：实现单行文本,超出容器大小，使用 ... 代替，但是为什么会没有. . .了。

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS常用属性 390楼

没啥要问答的，就是想给后面的同学留言

成长的过程是苦涩的，但我们实毋须害怕，因为在每一次哀伤的背后，都有一份成长的喜悦，就如松柏凌霜雪而弥劲，春天总是伴随在严冬之后。

同学您好