Cheat sheet CSS - Johdanto
CSS-tyylisivut, tunnetaan myös nimellä CSS, on tyylikielen kieli, jota käytetään kuvaamaan merkintäkielellä, kuten HTML, kirjoitetun asiakirjan esitys. Se yksinkertaistaa periaatteessa verkkosivujen esitteleväksi tekemistä. Se käsittelee verkkosivun ulkoasua ja sitä käytetään verkkosivun ominaisuuksien, kuten tekstin värin, kirjasintyylin, kappaleiden välisen etäisyyden, sarakkeiden kohdistamisen, taustakuvien ja värien sekä monien muiden tehosteiden hallintaan. . CSS-huijausarkin etuina on, että se säästää aikaa, sivut latautuvat nopeammin, helppo ylläpito, erinomaiset tyylit, usean laitteen yhteensopivuus ja maailmanlaajuiset verkkostandardit.
Komennot ja sisältö Cheat sheet CSS: ssä
Perussyntaksi
Huijauslehden CSS: n perussyntaksi koostuu valitsimesta ja ilmoituskomponenteista. Valitsinkomponentti määrittää HTML-elementin, joka on muotoiltava. Ilmoituskomponentti sisältää kaksi tai useampia ominaisuuksia ja niiden eritelmät puolipisteillä erotettuna. Ilmoituskomponentti alkaa ja päättyy aina kihara-aukkoilla.
Alla on mainittu Cheatsheet CSS -komennot, jotka suorittavat erityyppisiä toimintoja:
| määrittely | Komento |
| värit | Värit määritetään käyttämällä ennalta määritettyjä värinimiä tai RGB, HEX, HSL, RGBA, HSLA-arvoja. |
| taustat | Elementin taustaväri määritetään taustaväriominaisuuden avulla |
| Reunukset |
|
| marginaalit | Marginaaliominaisuus asettaa marginaalien ominaisuudet yhteen ilmoitukseen. |
| täyte | Ominaisuus täyteominaisuuksien asettamiseksi yhteen ilmoitukseen on täyte. |
| Korkeus leveys | Korkeuden ja leveyden ominaisuuksia käytetään määrittelemään elementin korkeus ja leveys. |
| ääriviivat | Ääriviivatyyppinen ominaisuus määrittelee elementin ääriviivat. |
| Teksti | Väriominaisuutta käytetään tekstin värin asettamiseen. |
| kirjasimet | Fonttiperheen ominaisuutta käytetään valitun tekstin fontin asettamiseen. |
| Linkit | Tekstikoristeominaisuutta käytetään alleviivojen poistamiseen linkkeistä ja taustaväriominaisuutta voidaan käyttää määrittämään linkkien taustaväri. |
| Listat | Luettelotyyppinen ominaisuus asettaa luettelon ominaisuudet yhdeksi ilmoitukseksi. Lista-tyyli-kuva määrittelee kuvan luettelon kohteen merkitsimeksi. Lista-tyyli-sijainti määrittelee luettelon kohteen merkinnän sijainnin. Listatyylityyppi määrittelee luettelotyyppimerkinnän tyypin. |
| taulukot | Raja asettaa kaikki rajaominaisuudet yhteen ilmoitukseen. Rajan romahtaminen määrittelee, onko reuna romahdettava vai ei. Reunaväli etäisyys tai etäisyys vierekkäisten solujen välillä. Kuvateksti puolella määrittää taulukon kuvatekstin sijainnin. Taulukon asettelu asettaa algoritmin taulukon asettelua varten. |
| Näyttö | Näyttöominaisuus määrittelee, näytetäänkö elementti ja miten se näytetään. |
| Max-leveys | Lohkoelementin leveyden määrittämisessä max-leveyden käyttö parantaa selaimen pienten ikkunoiden käsittelyä. |
| asento | Paikkaominaisuus määrittelee elementin sijainnin. |
| Ylivuoto | Ylivuotoominaisuus hallitsee tekstiä, joka on liian suuri sopimaan alueelle. |
| Kellua | Kelluvuusominaisuus määrittelee kuinka elementin tulisi kellua. |
Ilmaiset vinkit ja vinkit Cheat sheet CSS -komentojen käyttämiseen: -
Joitakin tärkeitä huijareiden CSS-temppuja ovat seuraavat.
- Box-Model: CSS Box-Model on pohjimmiltaan laatikko, joka kietou jokaisen HTML-elementin ympärille. Se koostuu reunuksista, reunoista, pehmusteista ja sisällöstä.
- Pseudoluokka: Käytetään määrittelemään elementin tietty tila, joka käsittää elementin muotoilun eri tavalla, kun käyttäjä siirtää hiiren sen päälle, vierailtujen ja näkymättömien linkkien muotoilun ja painopisteessä olevien elementtien muotoilun.
- Pseudo-elementti: Käytetään elementin osan tyyliin, kuten ensimmäinen kirjain, sana tai rivi. Se auttaa myös sisällön lisäämisessä ennen elementin sisältöä ja sen jälkeen.
- Näytön pystysuuntainen korkeus: Tällä määritetään, missä määrin sisällön tulisi olla näytön vieressä.
- Tyylikkäät puhelinlinkit: Se määrittelee niiden linkkien ominaisuudet, jotka avautuvat puhelinnumeroiksi puhelimessa.
- Navigointipalkit: On tärkeää, että verkkosivustolla on hyvä navigointi. CSS muuntaa tylsät HTML-valikot hyvännäköisiksi navigointipalkkiksi.
johtopäätös
Cheat sheet CSS, verkkosivujen rakennustyökaluna, on erittäin tehokas. Koska vaihtoehdot verkkosivuston parempaan esittämiseen ja hyödyllisten ominaisuuksien lisäämiseen ovat enemmän CSS: n kanssa, se on paljon parempi.
Suositellut artikkelit
Tämä on opas Cheat sheet CSS: stä. Tässä olemme keskustelleet cheat sheet CSS: n sisällöstä ja komennoista sekä ilmaisista vinkistä ja temppuja. Voit myös tarkastella seuraavaa artikkelia saadaksesi lisätietoja -
- Huijata Sheet SQL
- CSS: n tärkeimmät haastattelukysymykset
- CSS vs CSS3 -erot
- CSS3: n haastattelua koskevat kysymykset ja vastaukset
- Mielenkiintoinen huijauskortti UNIX: lle
- Huijauskoodin JavaScript: toiminnot