Hoe css te maken

CSS is de taal van stijltabellen waarmee u webpagina`s kunt maken en tegelijkertijd meerdere functies kunt bedienen, groepen van bepaalde elementen toewijzen. Met behulp van de kleurcode kan de ontwerper de achtergrondkleur op alle pagina`s van de site wijzigen door één wijziging in CSS-code te maken.

Stappen

Deel 1 van 4:
Hoe een ingebouwde CSS-code te schrijven
  1. Titel afbeelding Creëer CSS Stap 1
een. Bekijk HTML-tags. Je moet weten hoe tags en attributen werken SRC en href.
  • Titel afbeelding Maak CSS Stap 2
    2. Ontdek een deel van De belangrijkste eigenschappen van CSS. Er zijn veel eigenschappen, maar onthoud niet alles.
  • Onthoud de volgende sleuteleigenschappen CSS: Kleur en Font-familie.
  • Titel afbeelding Maak CSS Stap 3
    3. Onderzoek de waarden van de overeenkomstige eigenschappen. Voor elke eigenschap geeft de waarde aan. Bijvoorbeeld voor eigenschappen Kleur U kunt de waarde opgeven rood.
  • Titel afbeelding Creëer CSS Stap 4
    4. Bekijk het HTML-kenmerk Stijl. Het wordt gebruikt in het element href of SRC. Om het opgegeven attribuut te gebruiken, in aanhalingstekens na het gelijke teken, voert u het CSS-attribuut, dollon en vervolgens de eigenschapswaarde in. Dit wordt CSS-regel genoemd.
  • Titel afbeelding Creëer CSS Stap 5
    vijf. Houd er rekening mee dat professionele webontwikkelaars meestal de ingebouwde CSS-code niet gebruiken om sites te maken. Ingebouwde CSS-code kan de integriteit van de HTML-code verstoren. Desalniettemin is dit een geweldige manier om kennis te maken met de grondslagen van de CSS-functioneren.
    • Deel 2 van 4:
    Hoe een eenvoudige CSS-code te schrijven
    1. Titel afbeelding Creëer CSS Stap 6
    een. Voer het programma uit waarin u HTML- en CSS-bestanden kunt maken.
    • Als er geen speciaal programma is, gebruikt u een notitieblok of andere teksteditor. Sla het bestand op als een tekstbestand en het CSS-bestand.
  • Titel afbeelding Creëer CSS Stap 7
    2. Open HTML-code. Doe het in een HTML-editor (als het is).
  • In de HTML-editor kunt u werken met HTML-code en met CSS-code.
  • Titel afbeelding Creëer CSS Stap 8
    3. Maak tag INHTML-tag . In dit geval kan de CSS-code worden geschreven zonder dat u een apart bestand kunt maken.
  • Titel afbeelding Creëer CSS Stap 9
    4. Selecteer het item waarop u stijl wilt toevoegen. Voer nu de naam van het element en krullende beugels in ({ }). Om de code begrijpelijker te maken, komt de tweede krullende beugel altijd in op de nieuwe regel.
  • Titel afbeelding Creëer CSS Stap 10
    vijf. Voer in de haakjes de CSS-regel in als u een attribuut hebt gebruikt Stijl. Elke reeks moet eindigen met een puntkomma (-). Om de code te laten verbroken, wordt elke regel op een afzonderlijke regel ingevoerd en moet elke regel een streepje hebben.
  • Houd er rekening mee dat deze stijl alle elementen van het geselecteerde type op de pagina beïnvloedt. Een meer specifieke stijl wordt in het volgende gedeelte beoordeeld.
    • Deel 3 van 4:
    Hoe een complexere CSS-code te schrijven
    1. Titel afbeelding Maak CSS Stap 11
    een. Maak een CSS-bestand (en geen HTML-bestand) en sla deze op met de extensie .CSS. Open ook een HTML-bestand.
  • Titel afbeelding Maak CSS Stap 12
    2. Maak tag INHTML-tag . U sluit dus een afzonderlijk CSS-bestand aan met een HTML-bestand. Voor tag Drie kenmerken zijn vereist: Rel, Type en href.
  • Rel Specificeert de browser Hoe HTML-bestand te behandelen. Hier moet dit attribuut er toe doen Stylesheet.
  • Type rapporten naar welk type media verwijst naar. Hier moet dit attribuut er toe doen Tekst / CSS
  • href Hier wordt op dezelfde manier gebruikt als in het element , Maar hier moet dit kenmerk verwijzen naar het CSS-bestand. Als het CSS-bestand in één map is met een HTML-bestand, geeft u de bestandsnaam alleen op in offertes.
  • Titel afbeelding Maak CSS Stap 13
    3. Selecteer de items van verschillende typen waaraan u één stijl wilt toevoegen. Voeg een attribuut toe Klas naar dergelijke elementen en gelijk aan de naam van de geselecteerde klasse. In dit geval zullen de elementen dezelfde stijl zijn.
  • Titel afbeelding CSS Step 14
    4. Geef op welke stijl een klasse krijgt. Voer in het CSS-bestand de naam van de klas in na het punt ., Dat is zo: .Klas.
  • Titel afbeelding Creëer CSS Stap 15
    vijf. Selecteer individuele items waaraan u een speciale stijl wilt toevoegen en voeg een kenmerk toe ID kaart. CSS-ID`s worden gemaakt met behulp van een symbool #, geen punt.
  • Identifiers zijn specifieker dan klassen, dus de identifier overschrijft elke klassenstijl als deze een attribuut heeft met een andere waarde dan de klasse-waarde.
    • Deel 4 van 4:
    Hoe CSS en HTML te leren
    1. Titel afbeelding CSS Step 16
    een. Open plek HTML Academy. Hierop kun je de basis van webontwikkeling leren.
  • Titel afbeelding Maak CSS Stap 17
    2. Zoek andere sites die speciaal zijn ontworpen om HTML en CSS te verkennen.Zoek naar gezaghebbende bronnen om uw kennis te vermenigvuldigen.
  • Titel afbeelding Creëer CSS Stap 18
    3. Communiceer met webontwerpers en ontwikkelaars. Hun ervaring zal je helpen waardevolle kennis en vaardigheden te beheersen.
  • Titel afbeelding CSS Step 19
    4. Bekijk de broncodes van de sites die u opent. Bekijk CSS-codes Made-websites Met u kunt u vertrouwd maken met de methoden om delen van websites te ontwikkelen. Kopieer de code en bewerk het vervolgens om te leren hoe u verschillende CSS-attributen kunt gebruiken.

    • Tips

    • Er zijn veel verschillende eigenschappen die kunnen worden gemanipuleerd met behulp van CSS. Zoek een website die u leuk vindt en bekijk het bronbestand. Als binnenhoofd-tags een CSS-bestandsnaam hebben, klikt u erop om verschillende eigenschappen en waarden die aan items zijn toegewezen te bekijken.

    Waarschuwingen

    • Het kopiëren van HTML- en CSS-codes helpt u bij het trainen, maar u moet uw eigen designerideeën gebruiken. Het gebruik van het ontwerp van iemand anders is diefstal en plagiaat.
    Deel in het sociale netwerk:
    Vergelijkbaar