Hoe css-bestand in html in te voegen

Hypertext-markeringstaal (HTML) bepaalt welke items aanwezig zijn op de webpagina. De programmeertaal "Cascade Style Tables" (CSS) beschrijft hoe deze elementen eruit moeten zien. Het CSS-bestand kan worden toegevoegd aan HTML als extern (CSS Toevoegen als een apart bestand) of gemonteerde stijlblad (CSS bevat HTML-bestand). Leer hoe u in HTML-bestand CSS wilt invoegen om het ontwerp van de site te wijzigen.

Stappen

Methode 1 van 2:
Hoe een externe tafel tafel te installeren
  1. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 1
een. Maak een CSS-bestand. Bereid en bewaar de CSS-bestandsuitbreiding ".CSS ".
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 2
    2. Download CSS-bestand naar site.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 3
    3. Kopieer het adres (URL) van het CSS-bestand. Het adres van de site ziet er zoiets uit: Jouw site.com / stylesheet.CSS.
  • Goede praktijk is om te verwijderen uit het adres (URL) van de hoofddomeinnaam. Op basis hiervan, het adres http: // moisite.CSS / standaard.CSS wordt gereduceerd tot "/ CSS / STANDAARD.CSS ". Vergeet niet om de Lead Slash ("/") op te nemen. Het wordt relatieve manier genoemd.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 4
    4. Plaats de link naar het bestand. Vind in de HTML-bestandsmarkups Maak hierboven een lege snaar. Invoegen in deze reeks , "Www vervangen.uw...»Op de link in het CSS-bestand.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 5
    vijf. Sla het HTML-bestand op en download het naar de site.
  • Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 6
    6. Zorg ervoor dat alles er op de site lijkt zoals het zou moeten kijken. Open Anders het HTML-bestand opnieuw, zoek fouten en bied wijzigingen aan.
    • Methode 2 van 2:
    Hoe een interne stijlblad in te voegen
    een. Maak een label Open het HTML-bestand en zoek het label . Voeg verschillende lege snaren toe en voer het volgende in:
     Type ="Tekst / CSS">
    Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 7
    1. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 8
      een. Plaats al uw CSS tussen deze twee labels.
    2. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 9
      2. Sla het HTML-bestand op (met extensie .Html).
    3. Titel afbeelding Voeg een CSS-bestand toe aan HTML Stap 10
      3. Zorg ervoor dat alles er op de site lijkt zoals het zou moeten kijken. Maak anders de nodige wijzigingen.

    Tips

    • Controleer altijd het uiterlijk van de site in verschillende browsers en op verschillende besturingssystemen. Sommige browsers zijn een beetje anders verbonden met CSS. Het kan zelfs in dezelfde browser gebeuren, maar op verschillende versies van Mac en Windows. Als uw site er anders uitziet in een andere browser (bijvoorbeeld, heeft de kloof tussen sommige objecten, zoals lijsten, een andere maat), dan is het probleem de instellingen voor deze browser. Zoek de tabel Master Styles en plaats deze in de bovenkant van het CSS-bestand om de standaardbrowserinstellingen te wijzigen. Dit gebeurt, zodat uw instellingen niets in de browser zelf veranderen.
    • Steek de externe tabel met stijlen als u zo`n kans hebt. Hiermee kunt u het uiterlijk van de site wijzigen door de code in het bronbestand te wijzigen. U hoeft dus geen CSS op elke pagina van de site te wijzigen.
    • Als de site niet reageert op CSS zoals u verwacht, controleert u alle codering opnieuw om te controleren of het correct is. Vooral speciale aandacht besteden aan punten met komma`s (";") en sluitingsbeugels ("}"). Het CSS-bestand is vrij eenvoudig om een ​​van deze personages over te slaan.
    • Sla het HTML-bestand op de computer om deze in verschillende webbrowsers te openen en het dubbel te bekijken voordat u verder wordt geladen. Maar om het te downloaden, moet het CSS-bestand in HTML worden ingevoegd als een externe stijlplaat van stijlen.
    • Als het stijlblad zelf in tegenspraak is, bijvoorbeeld, zegt het bijvoorbeeld dat de tekst blauw zal zijn, en dan zal het rood zijn - het zal altijd de laatste voorwaarde zijn. Als een team een ​​externe stijlvel is, en de andere een interne, actieve binnentafel is.

    Waarschuwingen

    • Gebruik de instelling "Open" van CSS niet, dat wil zeggen, CSS, die is opgenomen in het HTML-label. (Voorbeeld: "Uitlijnen = `CENTER`" is een open CSS-formulering). Dit is een verouderde versie met een slecht syntaxisontwerp. Als na een tijdje de site moet bijwerken, is deze productie moeilijk te veranderen.
    Deel in het sociale netwerk:
    Vergelijkbaar