HTML5和CSS3开发第九章课后作业

最新推荐文章于 2022-01-06 17:38:33 发布

原创

最新推荐文章于 2022-01-06 17:38:33 发布 · 7.1k 阅读

18 ·

CC 4.0 BY-SA版权

这篇博客主要探讨了HTML5和CSS3在实际应用中的两个案例，包括实现QQ彩贝的高级搜索功能和百度糯米的页面布局。通过这两个实例，读者可以学习到如何利用HTML5的新特性以及CSS3的样式技巧来创建交互性强、视觉效果丰富的网页。

第3题 QQ彩贝高级搜索

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>First</title>
    <style>
        select{width: 70px;height:25px;margin-left: 10px;margin-bottom: 10px}
        .bottem{
            width:170px;
            margin-left: 35px;
            margin-bottom: 15px;
            display: none;
            animation: ser 2s linear 1;
        }
        #input1{
            background-color: #CCCCCC;width: 70px;height: 30px
        }
        div h2{
            margi