Een css-bestand toevoegen aan html

Hypertext Markup-taal (HTML) definieert wat de verschillende stukjes van een webpagina zijn. De Cascading Style Sheets (CSS) Coderingstaal beschrijft wat die stukken eruit moeten zien. Een CSS-bestand kan worden toegevoegd aan HTML als een externe stijlblad, CSS opgenomen in een apart bestand van de HTML, of een interne stijlblad, CSS die is opgenomen in het HTML-bestand. Leer hoe u een CSS-bestand aan HTML toevoegt om uw websiteontwerp aan te passen.

Stappen

Methode 1 van 2:
Voeg een externe stijlblad toe aan HTML
  1. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 1
1. Maak het CSS-bestand. Bereid en bewaar uw CSS-bestand met de ".CSS" bestandstype.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 2
    2. Upload uw CSS-bestand naar uw website.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 3
    3. Kopieer de URL van uw CSS-bestand. De URL ziet er misschien uit jouw site.com / stylesheet.CSS.
  • Het is een goede vorm om de hoofddomeinnaam van de link (URL) te verwijderen. Daarom een ​​URL van "http: // mysite.com / CSS / standaard.CSS" zou worden ingekort naar "/ CSS / standaard.CSS". Je moet die leidende schuine streep opnemen ("/"). Dit wordt een relatief pad genoemd.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 4
    4. Voeg een link toe aan het bestand. Vind Thetag in uw HTML-bestand en maak een lege regel net boven de tag. Toevoegen naar die lege regel, veranderend "jouw..." naar de link naar uw CSS-bestand.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 5
    5. Sla uw HTML-bestand op en upload het naar uw website.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 6
    6. Controleer of alles op uw site kijkt hoe het zou moeten kijken. Als dat niet het geval is, moet u mogelijk teruggaan en zoeken naar correcties of aanpassingen die u moet maken.
    • Methode 2 van 2:
    Voeg een interne stijlblad toe aan HTML
    1. Maak de tag. Zoek in uw HTML-bestand Thetag. Voeg een paar extra regels erboven toe en typ het volgende:
    Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 7
    1. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 8
      1. Voeg al je CSS toe tussen die twee tags die je net hebt toegevoegd.
    2. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 9
      2. Sla uw HTML-bestand op (als HTML).
    3. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 10
      3. Controleer of uw webpagina eruit ziet alsof het moet kijken. Verander wijzigingen indien nodig als dat niet doet.

    Tips

    Controleer altijd het uiterlijk van uw website in verschillende webbrowsers en op verschillende computersystemen. Sommige browsers Internet CSS een beetje anders, zelfs tussen de Mac- en Windows-edities van dezelfde browser. Als uw website in verschillende browsers anders uitziet, met name in de manier waarop bepaalde objecten zoals lijsten op afstand zijn geplaatst, is het probleem de standaardinstellingen van de browser. Zoek een Master Style-blad om toe te voegen aan het begin van uw CSS om alle Browser-standaardwaarden te negeren, zodat uw instellingen niet aan alles toevoegen dat de browser al instelt.
  • Als u de optie hebt, gebruikt u een externe stijlblad. Hierdoor kunt u het uiterlijk van de site aanpassen door de code in het bestand met een naam te wijzigen, in plaats van de CSS op elke pagina op uw site te wijzigen.
  • Als uw website niet reageert op uw CSS-verwacht, controleer dan ook al uw code om ervoor te zorgen dat u geen details vergeten. Vooral aandacht besteden aan de puntkomma`s ("-") en sluit pijlbeugels ("}"). Het is niet ongebruikelijk om er een te missen in je CSS.
  • Als u het HTML-bestand op uw computer opslaat, kunt u dat bestand openen in uw webbrowsers om het uiterlijk op uw computer te controleren voordat u het uploadt, maar u hoeft waarschijnlijk uw CSS te hebben als een interne stijlblad in het HTML-bestand het uiterlijk om te laden.
  • Wanneer een stijlblad in tegenspraak is met zichzelf, bijvoorbeeld, als het eerst zegt dat de tekst blauw zal zijn en later zegt dat het rood zal zijn - de latere voorwaarde zal altijd van toepassing zijn. Als een opdracht is in een externe stijlplaat en de andere is in een interne stijlblad, zal de interne van toepassing zijn.

    • Waarschuwingen

    Gebruik niet "in lijn" CSS, CSS`s die zijn opgenomen in de HTML-tag. (Bijvoorbeeld: de "align = `center`" is inline CSS.) Het is verouderde, slechte syntaxis en moeilijk aan te passen wanneer u de website later moet bijwerken.
    Deel in het sociale netwerk:
    Vergelijkbaar