Question

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

我正在使用 Netbean IDE 7.2 和 XAMPP 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>

Answer 1

CSS的媒体类型为text/css而不是css/text。

浏览器倾向于将<link>忽略为他们不理解的媒体类型。

无法将外部CSS链接到PHP

1 个答案: