Wie fügen Sie der CSS zu meinem HTML-code auf Notepad++

Ich versuche also, um meinen CSS-code in meinen HTML-code auf notepad++, aber jedes mal, wenn ich es laufen lasse, das einzige was ich sehe ist mein code, und nicht alle Inhalte, die ich möchte über die website. Wie kann ich dieses Problem beheben?

Hier ist ein snip von meinem html-code:

<head>
<meta charset="utf-8">
<title>My Website</title>
<link href="cascade.css" rel="stylesheet" type="text/css">
</head>
<h1 style= "text-align:center; color: black;"> Nikki  </h1>
<br></br>

//here is a snip of my css code
 @charset "utf-8";
/* CSS Document */
nav div {
    display: inline;
    text-align: center;
    width: 18%;
    padding: 5px;
}

p
{
    text-transform:none;    
    font-size: 20px;
    color: black;
    font-family: "proxima-nova";
    letter-spacing:1px;
    text-align: left;
}
  • zeig uns deinen code und css-code unter <style> - tag und html-code unter <body> - tag..für mehr info Lesen von w3schools.com
InformationsquelleAutor Nikki beeeeeeeeeez | 2015-07-22
  1. 0

    Um css anzuwenden, musst du css unter tag, oder Sie können die Verwendung externer stylesheet - ..Lesen Sie mehr hier

    Bitte überprüfen Sie dieses Beispiel 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
    nav div 
    {
        display: inline;
        text-align: center;
        width: 18%;
        padding: 5px;
    }

    p
    {
        text-transform:none;    
        font-size: 20px;
        color: black;
        font-family: "proxima-nova";
        letter-spacing:1px;
        text-align: left;
    }
</style>
</head>

<body>
<div>This is Div.</div>
<p>This is paragraph.</p>
<div style="color:red; font-family:Verdana, Geneva, sans-serif;"> This is Inline CSS Style</div> <!--Inline CSS Style-->
</body>
</html>

    Haben Sie verwendet css für div-und p-tag und ich habe Ihnen gezeigt, wie verwenden Sie Sie nach Ihrem css. Sie können auch css in inline-Art, sondern es hängt nur davon ab müssen(meist vermeiden.)

    Hoffe, dass dies helfen wird, oder lassen Sie mich wissen, wenn es irgendeine Verwirrung oder Problem..ty

    • es funktioniert immer noch nicht:( Wenn ich starte es auf chrome alles, was ich sehe ist mein code.Ich sehe nicht ein, mein Gehalt(ich habe den genauen code, den Sie mir gegeben). Ich denke, ich werde einfach verwenden Sie dreamweaver, es macht mehr Sinn für mich. Danke für die Hilfe. Ich wirklich, wirklich zu schätzen wissen!
    • keine seinen keine Problem mit dreamweaver..auch wenn Sie kopiere meinen code in den Editor und speichern Sie mit test.html und öffnen, dann wird es funktionieren..was die Erweiterung, die Sie verwenden, beim speichern?
    • omg wow, ich war in .txt. Dumm mich. Ich habe es geändert .html und es funktioniert wie ein Charme. SIE SIND GENIAL, vielen Dank nochmal:)
    • Froh, dass ich dir helfen konnte...bitte upvote meine Antwort akzeptieren und als Antwort..danke..
    • es sagt, brauche ich 15 Ruf um das zu tun :/
    • np..aber wenn Sie irgendwelche Fragen haben..hier Fragen wir helfen gerne..:)

    InformationsquelleAutor Leo the lion
  2. 1

    Finden Sie den aktualisierten code hier, Dies ist, wie sollten Sie hinzufügen/schreiben von CSS HTML :

    Ich würde vorschlagen, Sie zu bewegen, Ihren <style> tag zu <head> Bereich.

    HTML:

    <html>
<head>
<meta charset="utf-8">
<title>My Website</title>
<link href="cascade.css" rel="stylesheet" type="text/css">

 <style type="text/css" >
//here is a snip of my css code
 @charset "utf-8";
/* CSS Document */
nav div {
display: inline;
text-align: center;
width: 18%;
padding: 5px;
}

p
{

text-transform:none;    
font-size: 20px;
color: black;
font-family: "proxima-nova";
letter-spacing:1px;
text-align: left;


}
  </style>
</head>



<body>
<h1 style= "text-align:center; color: black;"> Nikki  </h1>
<br>

</body>
</html>

    • dies sollte sein Kommentar nicht die Antwort..gehen Sie und Lesen Sie, wie Sie Antworten geben, vor der Veröffentlichung keine Antwort ist ein Kommentar..
    • Vielen Dank für die Anregung, habe ich bearbeitet meine Antwort.
    • es immer noch nicht funktioniert:(
    • Kannst du bitte erstellen Sie einen code-snippet und fügen Sie Ihren code so, dass, so dass ich überprüfen kann, was du zu erreichen versuchst, Wie in deinem code, den Sie haben, erstellen Sie den Stil für "nav-div", aber in der HTML-markup, die Sie nicht Hinzugefügt haben, alle nav & div-tags ?
    • Ich denke, dass Problem ist, mit der Erweiterung..könnte Sie/er ist nicht speichern die Datei mit .html, das ist, warum Sie immer Problem..ich habe bemerkt, Ihr wartet nun auf Antwort..
    • Leo, Sie hat bestätigt, dass jetzt!!

    InformationsquelleAutor Vasimkhan
Schreibe einen Kommentar