css——完整网页

最新推荐文章于 2023-12-20 15:49:55 发布
最新推荐文章于 2023-12-20 15:49:55 发布
阅读量570 收藏 11
点赞数
分类专栏： html 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45323349/article/details/115936981
版权

目标样式：
在这里插入图片描述
第一步设置基本边框
观察整个网页布局，在此基础上安排好框架
在这里插入图片描述代码：

<html>
    <head>
        <title>万豪</title>
        <style type="text/css">
        /*设置整个网页的大小*/
            .over{
                width:800px;
                height: 1000px;
                border: brown solid 1px;
                margin: 0px auto 0px auto;
            }
            /*头部*/
            .header{
                width:798px;
                height: 100px;
                border: brown solid 1px;
                margin: 0px 0px 0px 0px;
            }
            /*菜单栏*/
            .caidan{
                width:798px;
                height: 30px;
                border: brown solid 1px;
                margin: 0px 0px 0px 0px;
            }
            /*身体部分*/
            .bodyer{
                width:798px;
                height: 750px;
                border: brown solid 1px;
                margin: 0px 0px 0px 0px;
            }
            /*身体分成左右两部分*/
            /*L为左部分*/
            .b-L{
                width:500px;
                height: 750px;
                border: rgb(11, 219, 133) solid 1px;
                float: left;
            }
            /*左部分中的上*/
            .b-L-up{
                width:500px;
                height: 250px;
                border:  rgb(81, 25, 185) solid 1px;
             
            }
            .zi{
                width:500px;
                height: 40px;
                border: rgb(228, 25, 211) solid 1px;
            }
            .tupian{
                width:500px;
                height: 205px;
                border:rgb(228, 25, 211) solid 1px;
            }
            /*左部分中的中间*/
            .b-L-min{
                width:500px;
                height: 250px;
                border: rgb(81, 25, 185) solid 1px;
             
            }
            .min-L{
                width:280px;
                height: 250px;
                border: rgb(228, 25, 211) solid 1px;
                float: left;
            }
            .min-L-tu{
                width:280px;
                height: 230px;
                border: rgb(10, 213, 228) solid 1px;
                
            }
            .min-L-zi{
                width:280px;
                height: 18px;
                border: rgb(10, 213, 228) solid 1px;
                
            }
            .min-R{
                width:210px;
                height: 250px;
                border: rgb(228, 25, 211) solid 1px;
                float: right;
            }
            .min-R-tu{
                width:210px;
                height: 40px;
                border: rgb(10, 213, 228) solid 1px;
                
            }
            .min-R-zi{
                width:210px;
                height: 205px;
                border: rgb(10, 213, 228) solid 1px;
                
            }
            /*左部分的下*/
            .b-L-foot{
                width:500px;
                height: 245px;
                border: rgb(81, 25, 185) solid 1px;
             
            }
            .L-up{
                width:500px;
                height: 25px;
                border:rgb(10, 213, 228) solid 1px;
            }
            .L-up-L{
                width:40px;
                height: 25px;
                border:rgb(10, 213, 228) solid 1px;
                float: left;
            }
            .L-up-R{
                width:40px;
                height: 25px;
                border:rgb(10, 213, 228) solid 1px;
                float: right;
            }
            .L-foot{
                width:500px;
                height: 220px;
                border:rgb(10, 213, 228) solid 1px;
            }
            .L-foot-b1{
                width:245px;
                height: 110px;
                border:rgb(10, 213, 228) solid 1px;
                float: left;
            }
            .L-foot-b2{
                width:245px;
                height: 110px;
                border:rgb(10, 213, 228) solid 1px;
                float: right;
            }
            .L-foot-b3{
                width:245px;
                height: 100px;
                border:rgb(10, 213, 228) solid 1px;
                float: left;
            }
            .L-foot-b4{
                width:245px;
                height: 100px;
                border:rgb(10, 213, 228) solid 1px;
                float: right;
            }
            /*右部分*/
            .b-R{
                width:290px;
                height: 750px;
                border: rgb(11, 219, 133) solid 1px;
                float: right;
            }
            /*右部分的上*/
            .b-R-up{
                width:290px;
                height: 150px;
                border: rgb(81, 25, 185) solid 1px;
                
            }
            .R-up-tu{
                width:290px;
                height: 30px;
                border: rgb(81, 25, 185) solid 1px;
                
            }
            .R-up-xu{
                width:290px;
                height: 90px;
                border: rgb(81, 25, 185) solid 1px;
                
            }
            .R-up-zi{
                width:290px;
                height: 24px;
                border: rgb(81, 25, 185) solid 1px;
                
            }
           
            /*右部分的下*/
            .b-R-foot{
                width:290px;
                height: 200px;
                border: rgb(81, 25, 185) solid 1px;
                
            }
             .R-foot-tu{
                width:290px;
                height: 30px;
                border: rgb(81, 25, 185) solid 1px;
                
            }
            .R-foot-zi{
                width:220px;
                height: 30px;
                border: rgb(81, 25, 185) solid 1px;
                margin: 0px auto 0px auto;
                
            }
            .R-foot-an{
                width:190px;
                height: 130px;
                border: rgb(81, 25, 185) solid 1px;
                margin: 0px auto 0px auto;
                
            }
            .footer{
                width:798px;
                height: 100px;
                border: brown solid 1px;
                margin: 0px 0px 0px 0px;
            }
        </style>
    </head>
    <body>
        <div class="over">
            <div class="header">

            </div>

            <div class="caidan">

            </div>

            <div class="bodyer">
                <div class="b-L">
                    <div class="b-L-up">
                        <div class="zi">

                        </div>
                        <div class="tupian">

                        </div>
                    </div>
                    <div class="b-L-min">
                        <div class="min-L">
                            <div class="min-L-tu"></div>
                            <div class="min-L-zi"></div>
                        </div>
                        <div class="min-R">
                            <div class="min-R-tu"></div>
                            <div class="min-R-zi"></div>
                        </div>
                    </div>
                    <div class="b-L-foot">
                        <div class="L-up">
                            <div class="L-up-L"></div>
                            <div class="L-up-R"></div>
                        </div>
                        <div class="L-foot">
                            <div class="L-foot-b1"></div>
                            <div class="L-foot-b2"></div>
                            <div class="L-foot-b3"></div>
                            <div class="L-foot-b4"></div>
                        </div>
                    </div>
                </div>

                <div class="b-R">
                    <div class="b-R-up">
                        <div class="R-up-tu"></div>
                        <div class="R-up-xu"></div>
                        <div class="R-up-zi"></div>
                    </div>
                    <div class="b-R-foot">
                        <div class="R-foot-tu"></div>
                        <div class="R-foot-zi"></div>
                        <div class="R-foot-an"></div>
                    </div>
                </div>
            </div>

            <div class="footer">

            </div>

        </div>

            

    </body>
</html>

个人感觉，这样写框架，不是很方便，每一个框架的宽度长度，设计的不合理，要改的话，不是很好改，改一个基本上都得改，写出这这整个也很费劲，写完了这个就是填内容，调好图片的大小字体的大小放进去基本上就差不多了。

最终版本
在这里插入图片描述

完整代码

<html>
    <head>
        <title>万豪</title>
        <style type="text/css">
        /*设置整个网页的大小*/
            .over{
                width:800px;
                height: 1000px;
               /* border: brown solid 1px;*/
                margin: 0px auto 0px auto;
            }
            /*头部*/
            .header{
                width:798px;
                height: 100px;
                /*border: brown solid 1px;*/
                margin: 0px 0px 0px 0px;
            }
            .header img{
                width:798px;
                height: 100px;
            }
            /*菜单栏*/
            .caidan{
                width:798px;
                height: 30px;
               /* border: brown solid 1px;*/
                margin: 0px 0px 0px 0px;
            }
            
            .caidan ul{
                width:798px;
                height: 30px;
                margin: 0px 0px 0px 0px;
                padding: 0px;
                list-style: none;
            }
             .caidan li{
                width:77.5px;
                height: 30px;
                margin: 0px 1px;
               text-align: center;
                line-height: 30px;
                float: left;
                font-size: 6;
                background-color: darkgrey;
            }
            /*身体部分*/
            .bodyer{
                width:798px;
                height: 750px;
               /* border: brown solid 1px;*/
                margin: 0px 0px 0px 0px;
            }
            /*身体分成左右两部分*/
            /*L为左部分*/
            .b-L{
                width:500px;
                height: 750px;
               /* border: rgb(11, 219, 133) solid 1px;*/
                float: left;
            }
            /*左部分中的上*/
            .b-L-up{
                width:500px;
                height: 250px;
               /* border:  rgb(81, 25, 185) solid 1px;*/
             
            }
            .zi{
                width:500px;
                height: 40px;
               /* border: rgb(228, 25, 211) solid 1px;*/
            }
            .b-L-up .zi b{
                line-height: 40px;
                font-size: 20;
                float: left;
            }
            .b-L-up .zi p{
                color: rgb(154, 155, 155);
                float: left;
            }
            .tupian{
                width:500px;
                height: 205px;
                /*border:rgb(228, 25, 211) solid 1px;*/
            }
            .tupian img{
                width:500px;
                height: 200px;
            }
            /*左部分中的中间*/
            .b-L-min{
                width:500px;
                height: 250px;
                margin: 2px;
              /*  border: rgb(81, 25, 185) solid 1px;*/
             
            }
            .min-L{
                width:280px;
                height: 250px;
              /*  border: rgb(228, 25, 211) solid 1px;*/
                float: left;
            }
            .min-L-tu{
                width:280px;
                height: 230px;
              /*  border: rgb(10, 213, 228) solid 1px;*/
                
            }
            .min-L-tu img{
                width:280px;
                height: 230px;
            }
            .min-L-zi{
                width:280px;
                height: 18px;
              /*  border: rgb(10, 213, 228) solid 1px;*/
                background-color: dimgrey;
                text-align: center;
            }
            .min-R{
                width:210px;
                height: 250px;
                /*border: rgb(228, 25, 211) solid 1px;*/
                float: right;
            }
            .min-R-tu{
                width:210px;
                height: 40px;
              /*  border: rgb(10, 213, 228) solid 1px;*/
                
            }
            .min-R-tu img{
                line-height: 40px;
            }
            
            .min-R-zi{
                width:210px;
                height: 205px;
               /* border: rgb(10, 213, 228) solid 1px;*/
                
            }
            /*左部分的下*/
            .b-L-foot{
                width:500px;
                height: 245px;
               /* border: rgb(81, 25, 185) solid 1px;*/
             
            }
            .L-up{
                width:500px;
                height: 25px;
                 /*border:rgb(10, 213, 228) solid 1px;*/
            }
            .L-up-L{
                width:110px;
                height: 25px;
                /* border:rgb(10, 213, 228) solid 1px;*/
                float: left;
            }
            .L-up-R{
                width:70px;
                height: 25px;
                 /*border:rgb(10, 213, 228) solid 1px;*/
                float: right;
            }
            .L-foot{
                width:500px;
                height: 220px;
                /* border:rgb(10, 213, 228) solid 1px;*/
            }
            .L-foot-b1{
                width:245px;
                height: 110px;
                 /*border:rgb(10, 213, 228) solid 1px;*/
                float: left;
            }
            .b1-tu{
                width:145px;
                height: 105px;
                 /*border:rgb(10, 213, 228) solid 1px;*/
                float: left;
            }
            .b1-tu img{
                width:145px;
                height: 105px;
            }
            .b1-zi{
                width:95px;
                height: 105px;
                /* border:rgb(10, 213, 228) solid 1px;*/
                float: right;
            }
            .b1-zi p{
                font-size: 8;
            }
            .L-foot-b2{
                width:245px;
                height: 110px;
                /* border:rgb(10, 213, 228) solid 1px;*/
                float: right;
            }
            .L-foot-b3{
                width:245px;
                height: 100px;
                /* border:rgb(10, 213, 228) solid 1px;*/
                float: left;
            }
            .L-foot-b4{
                width:245px;
                height: 100px;
                 /*border:rgb(10, 213, 228) solid 1px;*/
                float: right;
            }
            /*右部分*/
            .b-R{
                width:290px;
                height: 750px;
                /* border: rgb(11, 219, 133) solid 1px;*/
                float: right;
            }
            /*右部分的上*/
            .b-R-up{
                width:290px;
                height: 150px;
                 /*border: rgb(81, 25, 185) solid 1px;*/
                
            }
            .R-up-tu{
                width:290px;
                height: 30px;
                /* border: rgb(81, 25, 185) solid 1px;*/
                
            }
            .R-up-xu{
                width:290px;
                height: 90px;
                 /*border: rgb(81, 25, 185) solid 1px;*/
                
            }
            .R-up-xu ul{
                font-size: 8;
            }
            .R-up-zi{
                width:290px;
                height: 24px;
                /* border: rgb(81, 25, 185) solid 1px;*/
                
            }
            .R-up-zi p{
                float: right;
                color: red;
                font-size: 5;
            }
           
            /*右部分的下*/
            .b-R-foot{
                width:290px;
                height: 200px;
                 /*border: rgb(81, 25, 185) solid 1px;*/
                
            }
             .R-foot-tu{
                width:290px;
                height: 30px;
                 /*border: rgb(81, 25, 185) solid 1px;*/
               line-height: 30px;
                font-size: 9;
            }
           
            .R-foot-zi{
                width:220px;
                height: 30px;
                 /*border: rgb(81, 25, 185) solid 1px;*/
                margin: 0px auto 0px auto;
                font-size: 9;
            }
            .R-foot-an{
                width:190px;
                height: 130px;
                 /*border: rgb(81, 25, 185) solid 1px;*/
                margin: 0px auto 0px auto;
                font-size: 8;
                
            }
            .footer{
                width:798px;
                height: 100px;
                /*border: brown solid 1px;*/
                margin: 0px 0px 0px 0px;
            }
            .footer img{
                width:798px;
                height: 100px;
            }
        </style>
    </head>
    <body>
        <div class="over">
            <div class="header">
                <img src="1.png">
            </div>

            <div class="caidan">
                <ul>
                    <li>首  页</li>
                    <li>关于我们</li>
                    <li>新闻中心</li>
                    <li>装饰案例</li>
                    <li>万豪团队</li>
                    <li>装饰指南</li>
                    <li>一品管家</li>
                    <li>宅 急 修</li>
                    <li>装修订单</li>
                    <li></li>

                </ul>
            </div>

            <div class="bodyer">
                <div class="b-L">
                    <div class="b-L-up">
                        <div class="zi">
                            <b>成功案例</b>
                            
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;Success Case</p>
                        </div>
                        <div class="tupian">
                            <img src="2.png">
                        </div>
                    </div>
                    <div class="b-L-min">
                        <div class="min-L">
                            <div class="min-L-tu">
                                <img src="5.png">
                            </div>
                            <div class="min-L-zi">
                                万丈撒大苏打大苏打撒旦
                            </div>
                        </div>
                        <div class="min-R">
                            <div class="min-R-tu">
                                <img src="7.png">
                                新闻中心&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <img src="6.png">
                            </div>
                            <div class="min-R-zi">
                                <ul>
                                    <li>dasdasdsa</li>
                                    <li>sdasdasdasd</li>
                                    <li>dasdasd</li>
                                    <li>dad</li>
                                    <li>dasda</li>
                                    <li>dasdas</li>
                                    <li>dasdad</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="b-L-foot">
                        <div class="L-up">
                            <div class="L-up-L">
                                <img src="4.png">
                            </div>
                            <div class="L-up-R">
                                <img src="6.png">
                            </div>
                        </div>
                        <div class="L-foot">
                            <div class="L-foot-b1">
                                <div class="b1-tu">
                                    <img src="3.png">
                                </div>
                                <div class="b1-zi">
                                    <p>asda</p>
                                    <p>打打实大大</p>
                                    <p>撒大大苏打阿德飒飒</p>
                                </div>
                            </div>
                            <div class="L-foot-b2">
                                <div class="L-foot-b1">
                                    <div class="b1-tu">
                                        <img src="3.png">
                                    </div>
                                    <div class="b1-zi">
                                        <p>asda</p>
                                        <p>打打实大大</p>
                                        <p>撒大大苏打阿德飒飒</p>
                                    </div>
                                </div>
                            </div>
                            <div class="L-foot-b3">
                                <div class="L-foot-b1">
                                    <div class="b1-tu">
                                        <img src="3.png">
                                    </div>
                                    <div class="b1-zi">
                                        <p>asda</p>
                                        <p>打打实大大</p>
                                        <p>撒大大苏打阿德飒飒</p>
                                    </div>
                                </div>
                            </div>
                            <div class="L-foot-b4">
                                <div class="L-foot-b1">
                                    <div class="b1-tu">
                                        <img src="3.png">
                                    </div>
                                    <div class="b1-zi">
                                        <p>asda</p>
                                        <p>打打实大大</p>
                                        <p>撒大大苏打阿德飒飒</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="b-R">
                    <div class="b-R-up">
                        <div class="R-up-tu">
                            <img src="8.png">
                            装&nbsp;修&nbsp;须&nbsp;知
                        </div>
                        <div class="R-up-xu">
                            <ul >
                                <li>dasdsadazcx</li>
                                <li>xczxc</li>
                                <li>zxczczx</li>
                                <li>zxczxczxc</li>
                               
                            </ul>
                        </div>
                        <div class="R-up-zi">
                            <p>&gt;&gt;更多</p>
                        </div>
                    </div>
                    <div class="b-R-foot">
                        <div class="R-foot-tu">
                            <img src="9.png">
                            在&nbsp;线&nbsp;调&nbsp;查
                        </div>
                        <div class="R-foot-zi">
                            <p>请问您是在哪里搜索到我们网站的？</p>
                        </div>
                        <div class="R-foot-an">
                            <input name="1" type="radio" value="">网络搜索
                            <br/>
                            <input name="1" type="radio" value="">网络搜索
                            <br/>
                            <input name="1" type="radio" value="">网络搜索
                            <br/>
                            <input name="1" type="radio" value="">网络搜索
                            <br/>
                            <input name="1" type="radio" value="">网络搜索
                            <br/>
                            <input name="3" type="button" value="投票">
                            &nbsp;  &nbsp;  &nbsp;  &nbsp;
                            <input name="3" type="button" value="查找">
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer">
                <img src="10.png">
            </div>

        </div>

            

    </body>
</html>
扎刺
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS——web静态页面设计
08-13
CSS——web静态页面设计
CSS 基础入门：从零开始构建专业级网页样式
m0_73442777的博客
06-17 2897
进入创意的CSS世界！我们的文章将带你探索CSS基础，为你的网页设计提供强大的视觉效果和布局控制。无论你是初学者还是有经验的开发者，我们的指南将为你提供从选择器到盒模型的详尽解析。学习如何运用CSS样式来改变字体、颜色和背景，以及如何创建响应式的网页布局。从这里开始你的CSS之旅，将你的网页设计提升到一个全新的水平。准备好发挥创意并让你的网页脱颖而出了吗？让我们一起深入CSS基础的世界，开启无限可能！
网页设计之CSS
qq_53677566的博客
10-05 1万+
文章目录CSS笔记一.CSS概述二.基本语法1.行内样式表2.内嵌样式表3.外联样式表4.各种样式表优缺点5.应用代码三.选择器（常用）1.标签选择器2.id选择器3.类选择器4.通配选择器5.选择器组合6.选择器优先级7.具体代码演示四.基本属性1.文本2.背景3.列表4.伪类5.透明五.标签分类和display属性1.块级标签2.行级标签3.行级块标签4.display属性六.div和span标签1.div2.span无可代替的标签：【重要】七.盒子模型1.内容区（content）2.内边距（paddi
CSS(网页外观、布局设计)
qq_69032468的博客
04-14 3886
🐳CSS是Cascading Style Sheets（级联样式 🐳CSS与HTML的关系 ：HTML是网页内容； CSS定义页面的样式。
Css经典笔记
热门推荐
飘
04-24 1万+
# 课程目标: &gt; 1. 学会使用CSS选择器 &gt; 2. 熟记CSS样式和外观属性 &gt; 3. 熟练掌握CSS各种选择器 &gt; 4. 熟练掌握CSS各种选择器 &gt; 5. 熟练掌握CSS三种显示模式 &gt; 6. 熟练掌握CSS背景属性 &gt; 7. 熟练掌握CSS三大特性 &gt; 8. 熟练掌握CSS盒子模型 &gt; 9. 熟练掌握CSS浮动 &gt; 10.熟练...
css教程–十步学会用css进行网页设计
BaDa.NET
11-10 1710
css教程–十步学会用css进行网页设计日期：2006-10-10 11:43:09  点击：766  作者：Jorux翻译  来源：国外第一步：规划网站，本教程将以图示为例构建网站 1.规划网站，本教程将以下图为例构建网站。  其基本布局见下图： 主要由五个部分构成： 1.Main Navigation 导航条，具有按钮特效。 Width: 760
标记语言——网页应用CSS样式
09-28
【网页应用CSS样式】 在网页设计中，CSS（层叠样式表）是一种强大的工具，用于控制和美化HTML或XML文档的呈现方式。CSS允许开发者分离内容（HTML或XML标记）和表现（样式），使得网页设计更为灵活且易于维护。本...
CSS——Web静态页面开发
08-15
CSS是用来控制网页外观和布局的语言，它允许我们将样式分离出来，使代码更易维护。CSS选择器可以是元素选择器（如`p`选择所有的段落）、类选择器（`.container`选择所有类为"container"的元素）或ID选择器（`#...
用HTML+CSS做一个漂亮简单的旅游网站——旅游网页设计与实现(6页)HTML+CSS+JavaScript
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
HTML+CSS大作业——vivo官方商城
07-08
【HTML+CSS大作业——vivo官方商城】这个项目是一个基于HTML和CSS技术构建的模拟vivo官方网站的页面设计。这个任务旨在让学生掌握基础的网页布局、元素样式控制以及响应式设计等关键技能。 HTML（HyperText Markup ...
html+css 网页
05-02
用html和css写的一个简单页面，页面效果类似于百度新闻首页，下载即可使用，压缩包内包含图片，不会出现打开网页后无法显示图片的情况─=≡Σ(((つ•̀ω•́)つ
一些常用的完整前端网页模板
12-20
超过10个常用的网页模板，每个模板都是完整的，点击index.html即可运行，编写代码简洁，非常方便自己进行修改再使用，觉得OK的朋友点个赞哦~！
Day82.CSS技术 -HTML和CSS、JS
阿昌爱Java
10-25 300
CSS技术 CSS技术介绍 CSS是[层叠样式表单]。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言 . CSS语法规则 选择器: 浏览器根据"选择器"决定受CSS样式影响的HTML元素(标签)。 属性(property): 是你要改变的样式名，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明(declaration) 例如: p{color:blue} 多个声明: 如果要定义不止一个声明，则需要用分号将每个声明分开。虽然
CSS网页布局
微风洋洋的博客
02-10 7407
介绍一下CSS网页布局这个核心知识，大家一定要重视！
前端：CSS —— 页面布置和样式
Fighting！！！
03-01 2415
css
html+css制作简单网页界面
qq_64867440的博客
10-25 4726
section>、、、 等标签被称为语义化标签（semantic tags），它们不仅仅是用来美化页面的，更重要的是它们能够为页面的结构和内容提供更加合适的语义化描述，从而有助于提高页面的可访问性和可维护性。使用这些语义化标签能够使 HTML 结构更加清晰、易于理解和维护，同时能够使搜索引擎更容易理解页面的结构和内容，提高网站的搜索排名。
CSS 网页制作-学成在线
最新发布
weixin_48719464的博客
12-20 1312
网站根目录是指存放网站的第一层文件夹，内部包含当前网站的所有素材，包含HTML、CSS、图片、JavaScript等等。
一个完整的网页（详一）
淡淡的芦苇的博客
07-27 6466
查看源码：查看源码 效果： 简单分析：分成以下部分来整理 顶部导航（通栏） 搜索 主导航 商机市场 建筑材料 建筑材料列表大盒子 儿童安全座椅 儿童安全座椅列表 工艺艺术品 友情链接 页脚 -------------------------------------------------------------------------------------...
CSS+DIV网页布局实战：从基础到综合应用
网页样式与布局"是一本深入解析CSS+DIV技术的图书，旨在帮助读者从基础到高级全面掌握网页设计的新趋势——CSS标准化布局。该书结合了理论与实践，详细讲解了CSS的各个方面，包括基本语法、文字与图像设置、背景处理...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值