HTML鏈接到CSS樣式表不起作用

Question

<!DOCTYPE html>
<html>
  <head>
    <title> A Level Computing </title>
    <link rel="stylesheet" type="text/css" href="College Work/Computing/homework2part3.css">
  </head>
  <body>
  <div class='row headingrow'>
    <div class='grid-d-1'> <h1> AS Theory</h1></div>
    <div class='grid-d-1'> <h1> AS Programming</h1></div>
    <div class='grid-d-1'><img src='pictures/menu_logo.png'
                                alt='Computing'/></div>
    <div class='grid-d-1'> <h1> A2 Theory</h1></div>
    <div class='grid-d-1'> <h1> A2 Programming</h1></div>
 </div>
    </body>
</html>

我的CSS代碼是：

* { 
    box-sizing: border-box
}

[class*="grid-"] {
    width: 100%;
    float: left;
}

@ media only screen and (min-width: 768px) {
    /* For Desktop*/
    .grid-d-1{width: 20%}
    .grid-d-1{width: 25%}
    .grid-d-1{width: 100%}
} 

.row:after {
    content: "";
    clear: both;
    display: block;
}

我的HTML網頁並未得到應有的改變，我認為這取決於我在html和CSS之間的鏈接。 我的形象也沒有出現。 它可能在我的文件目錄下。 代碼還沒有完全完成，只是您知道。

我認為這與我的文件目錄有關，因為我的圖像（我已經添加了另一個）出現了。

Answer 1

一個問題是同一班級您有三個值

.grid-d-1{width: 20%}
.grid-d-1{width: 25%}
.grid-d-1{width: 100%}

HTML鏈接到CSS樣式表不起作用

問題描述

1 個解決方案

解決方案1
0 2015-09-12 17:05:15

HTML鏈接到CSS樣式表不起作用

問題描述

1 個解決方案

解決方案1 0 2015-09-12 17:05:15

解決方案1
0 2015-09-12 17:05:15