html - 找不到如何调整网站元素的大小

Question

我的网站有问题。我开始寻找网站以建立自己的网站。现在我卡住了，因为我找到了一个不错的菜单栏，但我不能自己写。所以，我决定从网站（网站）复制它。问题是，我找不到它在哪里，或者高度是如何定义的。无论我做什么，它总是 84px。

有人可以帮我吗？

Answer 1

首先，我开始寻找身高：84。但无处可寻。在菜单项的高度影响填充。

建议进一步使用萤火虫或蜻蜓或其他东西......

超级鱼.css:15

.menu > li > a {
...
padding: 30px 20px 36px;
...
}

Answer 2

好吧，这是标题的代码（您不只是喜欢标题标签吗？）

<header>
        <div class="header-pannel">
            <div class="inner-shadow">
                <div class="container_12 indent-bottom">
                    <div class="grid_12">
                        <!--======================== logo ============================-->
                        <h1><a href="index.html">Storex.</a></h1>
                        <!--=================== search form =====================-->
                        <form id="search-form" action="search.php" method="GET" accept-charset="utf-8">
                            <fieldset>
                                <label class="keywords">
                                    <input type="text" name="s" value="Search" onFocus="if(this.value =='Search' ) this.value=''" onBlur="if(this.value=='') this.value='Search'">
                                </label>
                                <a onClick="document.getElementById('search-form').submit()"></a>
                            </fieldset>
                        </form>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <!--======================== menu ============================-->
                <div class="border-top">
                    <div class="container_12">
                        <div class="grid_12">
                            <nav>
                                <ul class="menu responsive-menu">
                                    <li class="current"><a href="index.html">Home</a></li>
                                    <li><a href="index-1.html">Company</a>
                                        <ul>
                                            <li><a href="#">Welcome Message</a></li>
                                            <li><a href="#">Company Profile</a>
                                                <ul>
                                                    <li><a href="#">Our Capabilities</a></li>
                                                    <li><a href="#">Advantages</a></li>
                                                    <li><a href="#">Work Team</a></li>
                                                    <li><a href="#">Partnership</a></li>
                                                    <li class="last-item"><a href="#">Support</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Our History</a></li>
                                            <li class="last-item"><a href="#">Testimonials</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="index-2.html">Services</a></li>
                                    <li><a href="index-3.html">Solutions</a></li>
                                    <li><a href="index-4.html">Projects</a></li>
                                    <li class="last-item"><a href="index-5.html">Contacts</a></li>
                                </ul>
                                <div class="clear"></div>
                            </nav>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </header>

所以这很忙。我建议在骨架.css 中查找大多数结构 css 元素。

我个人的建议：如果您是新手，请不要去查看其他网站。它们中的大多数都是垃圾（平均法则），即使它们看起来不错，代码有时也会很糟糕。它们不是与其他编码人员一起构建的，他们希望挑选和混合元素，它们主要是由构建网站的个人/团体/公司设计的，考虑到他们自己的易用性（尽管，看看制作的作品一些专业人士，我不知道他们如何设法维护他们的代码）。

我建议看一下框架。特别是免费分发的。Twitter bootstrap就是一个很好的例子。在某些情况下，使用他人的代码也可能侵犯文案。