CSS-Stylesheet, das nicht mit dem HTML-Code verknüpft ist

Ich weiß nicht, warum mein CSS-Stylesheet und HTML-Dateien nicht verlinken.CSS-Stylesheet, das nicht mit dem HTML-Code verknüpft ist

Dies ist mein Code in der HTML-Datei.

<head> 
    <title>Website Sample</title> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
    <meta name="viewport" content="width = device-width, initial-scale = 1"> 
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="C:\Users\Sam\Desktop\web\style.css" /> 

</head>

Dies ist die CSS

.section2 { 
    height: 3000px; 
    width: 100px; 
    background-color: yellow; 
}

Quelle

2016-11-23 Sam Younes

Überprüfen dieser Weg,

Sie nicht den absoluten Pfad von Ihrem Wurzel geben können, benötigen Sie die

relativ passieren Pfad

Bitte überprüfen Sie den Link wie folgt:

<link href="web/style.css" rel="stylesheet" />

Quelle

2016-11-23 13:19:47 falguni

plus 1 für kann nicht geben c Laufwerkspfad, – shas

@shas LoL. Also D Laufwerksweg gültig? ': P' –

sollte relativen Pfad geben .. absolute Pfadcodierung ist nicht gut. @PraveenKumar – shas

Sie können Windows-Stil-Links verwenden. Ändern Sie ihn auf file:/// url:

<link rel="stylesheet" type="text/css" href="file:///C:/Users/Sam/Desktop/web/style.css" />

Auch ist es immer besser ist, relative Pfade zu geben, anstelle von absoluten, da es flexibel ist überall dort, wo es gehostet wird, und hilft, wenn Sie es migrieren möchten.

<link rel="stylesheet" type="text/css" href="./style.css" />

Ein Update auf den aktuellen HTML-Standards, ist es nicht notwendig, type Attribut für <link> und <script> Tags zu haben. So können Sie es weiter reduzieren, bis auf:

<link rel="stylesheet" href="./style.css" />

Quelle

2016-11-23 13:21:50

Ich habe versucht, es zu ändern. Funktioniert immer noch nicht:/ –

@SamYounes Können Sie uns wissen lassen, was die Verzeichnisstruktur ist und wo sich Ihre HTML- und CSS-Dateien befinden? –

Kepp der CSS-Datei im selben Ordner wie die HTML-Datei und dann die CSS-Datei Namen angeben:

<link rel="stylesheet" type="text/css" href="style.css" />

oder relativen Pfad zur Verfügung stellen, Sie angenommen halte CSS-Dateien in einem Ordner mit dem Namen 'CSS', wie:

<link rel="stylesheet" type="text/css" href="../css/style.css" />

Oder wie:

<link rel="stylesheet" type="text/css" href="~/css/style.css" />

wobei '~' das Stammverzeichnis symbolisiert.

Quelle

2016-11-23 13:24:22 Amita

Wow! Schön zu sehen, dass da etwas neues '~' ist. Wo ist das gegeben? Irgendwelche Dokumentation? Ich glaube auch, dass dies nur auf * nix-basierten Systemen für den Home-Ordner verwendet wird. Meinst du das? –

plus 1 für die Linux-Stil-Verzeichnisstruktur –

CSS-Stylesheet, das nicht mit dem HTML-Code verknüpft ist

Antwort

Verwandte Themen