0

我一直面临将 CSS 文件链接到我的 PHP 代码的问题。

我正在使用Netbean IDE 7.2XAMPP 8.0

我试图创建一个新的 HTML 文件并将其与新的 CSS 文件链接。

这没用。

如果我在 HTML 本身中键入脚本,效果很好。

我究竟做错了什么?

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Website Development Version 1.0</title>
        <link href="CSS/layout.css" type="css/text" rel="stylesheet"/>
        <link href="CSS/expandLayout.css" type="css/text" rel="stylesheet"/>
        <script src="Javascript/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script>
            function prepareList() {
                $('#expList').find('li:has(ul)')
                .click( function(event) {
                    if (this == event.target) {
                        $(this).toggleClass('expanded');
                        $(this).children('ul').toggle('medium');
                    }
                    return false;
                })
                .addClass('collapsed')
                .children('ul').hide();
            };

            $(document).ready( function() {
                prepareList()
            });
        </script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <!-- Input Content -->
                <h1>This is Header</h1>
            </div>
            <div id="menuList">
                Menu 
            </div>
            <div id="innerContainer">
                <div id="leftColumn">
                    <!-- Input Content -->
                    <ul id="expList">
                        <li>Home</li>
                        <li>Product
                            <ul>
                                <li>List 1</li>
                                <li>List 2</li>
                                <li>List 3</li>
                            </ul>
                        </li>
                        <li>Register</li>
                        <li>About Us</li>
                    </ul>
                </div>
                <div id="centerColumn">
                    <!-- Input Content -->
                    This is Main Content
                </div>
                <div id="rightColumn">
                    <!-- Input Content -->
                    This is Right Content
                </div>  
            </div>
            <div id="footer">
                <!-- Input Content -->
                <h3>This is Footer</h3>
            </div>
        </div>
    </body>
</html>
4

1 回答 1

2

CSS 的媒体类型text/css不是css/text.

浏览器倾向于忽略<link>s 对他们不理解的媒体类型的东西。

于 2012-08-20T12:03:13.020 回答