个人中心
gpt4 book ai didi

css - Netbeans 忽略 HTML5 应用程序中的 CSS 样式

转载 作者：行者123 更新时间：2023-11-28 07:38:50 26 4
gpt4 key购买 nike

我一直在 Netbeans 8.0 中使用 HTML5 应用程序，一切都很顺利，直到它决定忽略我的样式表。它识别样式表之外的东西，但当它运行时，其中的任何东西都会被丢弃。我已经检查了与语法相关的错误和诸如此类的东西，但似乎找不到任何东西(或者我的新手眼睛完全错过了它)。多次点击“撤消”按钮也无法解决问题，我也无法在线找到解决方案。我正在使用 Chrome 通过该 netbeans 扩展查看应用程序(如果它有意义的话)，并且我在下面提供了我一直在修改的 CSS 和 HTML。谁能帮我一把？

CSS

//THE SCROLL BG
#backgroundthing {
    background-image:url("databasePics/bgimgwide.png");
    height: 700px;
    width: 999px;
    background-repeat:no-repeat;
    position:absolute;
    z-index:-999;
}

//HEADER ONE
h1 {
    font-size:40pt;
    font-family:Abadi MT Condensed Light;
    text-align:center;
    text-transform:uppercase;
    color:#ffffff;
    letter-spacing:5px;
    border-bottom:1px solid #ffffff;
}

//STANDARD TEXT
#body_text {
    font-family:Arial Narrow;
    font-size:12pt;
    color:#ffffff;

}

//TRANSLUCENT WHITE AREA WHERE CONTENT IS HELD
#textarea {
     height:500px;
     width:630px;
     background-color:rgba(255,255,255,0.3);
     margin-left:200px;
     margin-top:70px;
     padding:5px;
}

//IMAGE OF CHARACTERS AT THE BOTTOM OF TEAM PAGES
 #teamPerson {
    border-radius:100%;
    border:5px solid;
    transition: .8s all ease-in-out; 
    -moz-transition: .8s all ease-in-out; 
    -o-transition: .8s all ease-in-out; 
    -webkit-transition: .8s all ease-in-out
}

//HOVER EFFECT FOR THE ABOVE
#teamPerson:hover {
    border-radius:100%;
    border:5px solid #ffffff;
    -moz-box-shadow: 0 0 10px #ffffff;
    -webkit-box-shadow: 0 0 10px #ffffff;
    box-shadow: 0px 0px 10px #ffffff;
}

HTML(这里有 3 个不同的 HTML 文件，但我无法让它们以不同的 block 显示。一个新文件从每个 .问题出现了，但我包括了其他人以防万一他们有任何帮助。)

<html>
    <head>
        <title>OC Team Database</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type ="text/css" rel ="stylesheet" href="mainCSS.css">
    </head>
    <body>
        <div id ="backgroundthing">
            <div id = "textarea">
                <!-- THE IFRAME WHERE EVERYTHING IS LOADED INTO -->
                <iframe name = "loadedPage" src ="landingPage.html" scrolling="no" style="width: 630px; height: 500px; border: 0; overflow:hidden;"></iframe>
            </div>
        </div>
    </body>
</html>

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type ="text/css" rel ="stylesheet" href="mainCSS.css">
    </head>
    <body>
        <div>
        <!-- TITLE + INSTRUCTIONS -->
                <div style="margin-top:-35px;"><h1>Welcome</h1></div>
                <div id = "body_text" style = "margin-top:-30px;"><center>Please select one of the teams below.

                    <br><br>

                    <!-- TABLE WITH TEAM NAMES -->

                    <table width = "100%"><tr>
                            <td width ="33%" height ="190px" align="center"><a href="teamCGRY.html" target="loadedPage">CGRY</a></td>
                            <td width ="33%" height ="190px" align="center"><a href="teamHRBS.html" target="loadedPage">HRBS</a></td>
                            <td width ="33%" height ="190px" align="center"><a href="teamPLTN.html" target="loadedPage">PLTN</a></td>
                        </tr><tr>
                            <td width ="33%" height ="190px" align="center"><a href="teamRUST.html" target="loadedPage">RUST</a></td>
                            <td width ="33%" height ="190px" align="center"><a href="teamVNOM.html" target="loadedPage">VNOM</a></td>
                            <td width ="33%" height ="190px" align="center"><a href="teamXAFR.html" target="loadedPage">XAFR</a></td>
                        </tr>
                    </table>
                </center>
                </div>
        </div>
    </body>
</html>

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type ="text/css" rel ="stylesheet" href="mainCSS.css">
    </head>
    <body>
        <div>
            <!-- TITLE -->
            <div style="margin-top:-35px;"><h1>Team CGRY</h1></div>

            <!-- ABOUT TEXT -->
            <div id ="body_text" style="height:260px; width:100%;margin-top:-20px;">
                <table>
                    <tr>
                        <td style = "width:83%; height:260px">
                            <div style="height:260px; overflow:auto; border-right:1px solid #ffffff">
                                Detailed information about the team.
                            </div>
                        </td>
                            <td style = "width:17%; height:260px" valign = "top">
                                <b>Pronunciation:</b> 
                                <br>"Sea grey"
                                <br><br><b>Team Colour:</b> 
                                <br>Blue-Grey
                                <br><br><b>Status:</b> 
                                <br>Active
                                <br><br><b>Affiliation:</b> 
                                <br>Beacon Academy
                            </td>
                    </tr>
                </table>
            </div>

            <!-- TEAM MEMBER PICTURES AND SHIT -->
            <table style="width:100%; margin-top:15px">
                <tr>
                    <td style = "width:25%; height:100px; text-align:center"><img src="databasePics/squarePlaceholder.png" style="border-radius:100%; border:5px solid #ffffff;" alt = "image"></td>
                    <td style = "width:25%; height:100px; text-align:center"><img src="databasePics/squarePlaceholder.png" style="border-radius:100%; border:5px solid #ffffff;" alt = "image"></td>
                    <td style = "width:25%; height:100px; text-align:center"><img src="databasePics/squarePlaceholder.png" style="border-radius:100%; border:5px solid #ffffff;" alt = "image"></td>
                    <td style = "width:25%; height:100px; text-align:center"><img src="databasePics/squarePlaceholder.png" style="border-radius:100%; border:5px solid #ffffff;" alt = "image"></td>
                </tr>
            </table>
            </div>
    </body>
</html>

最佳答案

对于初学者，您没有正确注释掉我们的 css，请执行此操作

/*THE SCROLL BG*/

关于css - Netbeans 忽略 HTML5 应用程序中的 CSS 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31062613/

26 4 0
文章推荐： javascript - 蒙戈 : Group and push more than 1 element
文章推荐： c++ - 为什么函数 calcOpticalFlowPyrLK 返回相同的值？
文章推荐： javascript - 通过一次 plupload 调用实现多个 plupload 上传按钮
文章推荐： c++ - unsigned long long是否固定为一个int(4字节)范围，如果是，为什么它在内存中是8字节？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com