無法將外部CSS鏈接到PHP

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> s與他們不理解的媒體類型的東西。

無法將外部CSS鏈接到PHP

問題描述

1 個解決方案

解決方案1
2 2012-08-20 12:03:13

無法將外部CSS鏈接到PHP

問題描述

1 個解決方案

解決方案1 2 2012-08-20 12:03:13

解決方案1
2 2012-08-20 12:03:13