Hoe een eenvoudige css-stijl tafel te maken met kladblok

Notepad - een van de tekst-editors die kunnen worden gebruikt om een ​​Cascading Style Sheet (CSS) -document te maken. Na het maken van een CSS-bestand in Kladblok, kunt u dit bestand met een webpagina aansluiten, zodat de inhoud van de webpagina kan formatteren door uw stijlblad.

Stappen

  1. Titel afbeelding Maak een eenvoudige CSS-stylesheet met behulp van Kladblok Stap 1
een. Open het kladblokprogramma.
  • 2. Kopieer de volgende code:
    • @charset "UTF-8"-/ * CSS-document * // * De kleur van het lichaamselement * / lichaam {background: # ffffff -} / * Dit gedeelte is voor koppelingen * / A: link {font-gewicht: normale kleur: Navy} A: Bezocht { Weggewicht: normaal- kleur: groen-} A: Hover {font-gewicht: vetgedrukt: Red-font-variant: Small-caps -} / * Dit gedeelte is voor een paragraaf Sectie * / P {font-stijl : Italic-font-size: 18px-} blauw {kleur: # 0000FF -} / * Dit gedeelte is voor de zwarte rand van het beeld.* / img {grenskleur: # 000000- grens: dik-grens-stijl: ridge-}

    # Invoegen code van"Stap 2" in Kladblok.

    Titel afbeelding Maak een eenvoudige CSS-stylesheet met Kladblok Stap 2
    1. Titel afbeelding Maak een eenvoudige CSS-stylesheet met behulp van Kladblok Stap 3
      een. Sla het bestand op aan Kladblok. Bewaar het onder de naam "Simplecss.CSS", druk op de knop "Bestand" en het kiezen van een commando "Sparen". Nadat u op de knop hebt gedrukt "Sparen"Er verschijnt een dialoogvenster"Opslaan als".
    2. Toonde afbeelding Maak een eenvoudige CSS-stylesheet met Kladblok Stap 4
      2. NAAM YECSSS-bestand. Binnenkomen"Simplecss.CSS" of een naam in het tekstveld "Bestandsnaam" Met extensie".CSS".
    3. Titel afbeelding Maak een eenvoudige CSS-stylesheet met behulp van Kladblok Stap 5
      3. druk op de knop "Sparen".
    4. Titel afbeelding Maak een eenvoudige CSS-stylesheet met Kladblok Stap 6
      4. Het is gebeurd!

    Tips

    • Sla het kladblokbestand op als tekst alleen (soms kan het tekstdocument of ASCII worden genoemd) en geef het een extensie".CSS".
    • De code die we hier schreven, is gewoon een voorbeeld om u te laten zien hoe u een CSS Basic-bestand kunt maken met behulp van een notitieblok om uw HTML-elementen in ons voorbeeld van een webpagina te besturen die in de sectie Inleiding wordt weergegeven. U kunt onze CSSS-codering wijzigen, hoe wilt u de stijlen en het type webpagina`s opmaken.
    • Vergeet niet om een ​​opgeslagen CSS-document in dezelfde map te plaatsen als uw HTML-documenten waar u webpagina`s hebt gemaakt.
    • Nadat u een CSS-document hebt gemaakt, moet u mogelijk de volgende stap zetten - er is om een ​​document en webpagina`s te associëren. Bekijk het subjectieve onderwerp van dit probleem om dit te doen.

    Dingen die je nodig hebt

    • Computer
    • Notepad-programma
    • internet browser
    Deel in het sociale netwerk:
    Vergelijkbaar