Johdanto CSS-komentoihin
CSS tarkoittaa CSS-tyylisivuja. Sitä käytetään kuvaamaan asiakirjan esitys, joka on kirjoitettu merkintäkielellä, kuten HTML. Se erottaa esityksen ja sisällön, joka sisältää erilaisia asettelua, värejä ja fontteja. Erottelu tarjoaa joustavuutta ja hallintaa myös erilaisissa ominaisuuksissa, jotka sallivat useiden verkkosivujen jakaa muotoilun määrittelemällä asiaankuuluvan CSS: n. CSS-eritelmiä ylläpitää World Web Consortium. Tämän lisäksi se tarjoaa myös erityiset säännöt, jotka auttavat vaihtoehtoisessa muotoilussa, jos sisältöä käytetään mobiililaitteella.
CSS: n peruskomennot
1. CSS-syntaksi: On joukko sääntöjä, joita on noudatettava CSS-komennossa. CSS-sääntöjoukko koostuu valitsimesta ja ilmoituslohkosta. Valitsinta käytetään osoittamaan HTML-elementtiin, jonka käyttäjä haluaa tyyliä. Ilmoituslohko voi sisältää yhden tai useamman ilmoituksen, jotka voidaan erottaa puolipisteillä. Jokaiseen ilmoitukseen tulisi sisältyä omaisuuden nimi ja arvo, joka on erotettu kaksoispisteillä.
2. ID-valitsin : ID-valitsin voi käyttää HTML-elementin määritteen tunnusta ja auttaa tietyn elementin valinnassa. Sitä käytetään yhden yksilöllisen elementin valintaan ja tämän elementin tulisi olla ainutlaatuinen kyseiselle sivulle. Tietyllä tunnuksella varustetun elementin valitsemiseksi käytetään numeroa '#', jota seuraa kyseisen elementin tunnus.
3. Luokan valitsin: Tietyn luokan määritteen valitsemiseksi luokan valitsinta käytetään elementtien valintaan luokasta. Tietyn luokan elementtien hyödyntämiseksi käytetään jaksomerkkiä (.). Sitä seuraa luokan nimi. Tämän avulla, jos käyttäjä haluaa, että käytetään vain tiettyjä elementtejä, luokka voi määrittää vain ne.
4. Valitsimien ryhmittely: Joskus elementeillä on samat tyylimääritelmät. Parempi vaihtoehto on ryhmitellä ne ryhmitettyiksi ja minimoida koodi. Ryhmään valitsimen käyttäjä voi käyttää pilkkua ja erottaa jokaisen valitsimen
5. Kommentit: Näitä CSS-komentoja on suositeltavaa käyttää koodin kirjoittamisessa. Ne antavat selkeyden koodin tekemiseen ja auttavat sinua tai jotain muuta, joka on koodin uusi, työskentelemään sen mukaisesti. Selaimet ohittavat kommentit. CSS-kommentti alkaa ja päättyy / * * /.
6. Näyttö: Estä - Monet HTML-elementit on asetettu tähän näyttötilaan. Oletuksena lohkotason elementit vievät niin paljon tilaa, eikä niitä voida sijoittaa samalle riville minkään muun näyttötilan kanssa. On mahdollista saada kyky muuttaa elementin korkeutta ja leveyttä toiveidesi mukaan.
7. CSS: n värit: Tässä CSS-komennossa värit voidaan määritellä RGB-kaavassa. Jokainen parametri määrittelee näiden värien voimakkuuden ja määrittelee uuden värin. Esimerkiksi mustan näytön näyttämiseksi kaikki väriparametrit tulisi asettaa arvoon RGB (0, 0, 0).
8. Taustaväri: Taustaväriominaisuus määrittelee värin, joka asetetaan elementin taustalle. Väri voidaan määritellä helposti antamalla värin nimi, lisäämällä Hex-arvo tai asettamalla RGB-arvo
9. Taustakuva: Taustakuva voidaan asettaa mille tahansa valitsemallesi kuvalle. Kun kuva on asetettu, se toistuu ja se peittää koko elementin.
10. CSS-marginaalit: CSS-komennolla on erilaiset reunusominaisuudet, jotka voivat auttaa luomaan tilaa eri elementtien ympärille ja määrittelevät myös nämä ulkorajat. CSS: llä voi olla ominaisuuksia, kuten marginaali ylös, marginaali oikea, marginaali alaosa ja marginaali vasen.
Väliset CSS-komennot
1. Luokan ja tunnuksen valitsimet: HTML-tunnisteen lisäksi käyttäjä voi määritellä omat valitsimet, jotka voivat olla luokan tai tunnuksen muodossa. Näiden pääasiallinen käyttö on, että sinulla voi olla sama HTML-elementti ja esittää se eri tavalla tunnuksen tai tarvittavan luokan perusteella.
2. Pseudoluokka: Näitä luokkia käytetään määrittämään tietty tila tai suhde tiettyyn valitsimeen. Nämä luokat voivat myös olla valitsimella: pseudo_class (ominaisuus: arvo; ). Tämä luokka määritetään antamalla yksinkertaisesti kaksoispiste valitsimen ja pseudoluokan väliin.
3. Tekstin muotoilu: Lisättyjä tekstejä voidaan mukauttaa ja muotoilla käyttämällä muotoiluominaisuuksia. Väri voidaan muuttaa avainsanalla 'väri'. Niin voi myös tekstin kohdistaminen. Teksti-koriste-esineitä käyttämällä voidaan asettaa ja poistaa koristeita. Muutokset voidaan tehdä tapausten suhteen.
4. CSS-fontit: CSS-kirjasimissa on erilaisia perheitä, kuten yleinen perhe ja kirjasinperhe. Kirjasinperhe on tekstiperhe. Yleinen, jolla on ryhmä perheitä, joilla on samanlainen ulkoasu ja kirjasinlaji, jolla on tietty fontti.
5. Kuvakkeet: Hyödyntämällä CSS : ssä käyttämällä ikonikirjastoa ja lisäämällä määritettyjen kuvakeluokan kuvakkeiden nimi.
6. Taulukot: CSS voi myös näyttää taulukoita ja auttaa räätälöinnissä reunojen, niiden leveyden ja korkeuden kanssa. Käyttämällä avainsanoja, kuten reunus, leveys ja korkeus, käyttäjällä voi helposti olla taulukoita verkkosivulla.
7. Paikannus: Tämä ominaisuus määrittelee paikannusmenetelmän tyypin, jota voidaan käyttää mihin tahansa elementtiin. Tämä sijainti voi olla staattinen, suhteellinen, kiinteä, ehdoton tai tahmea.
8. Ylivuoto: Tämä ominaisuus auttaa hallitsemaan sisältöä, joka on liian suuri sopimaan alueelle.
9. Kelluvuus: Kelluvuusominaisuus antaa elementin tietää, kuinka sen tulisi kellua. Se määrittelee mitkä elementit voivat kellua tyhjennettyjen elementtien vieressä.
10. Peittävyys: Tämä ominaisuus määrittelee minkä tahansa elementin opasiteetin tai läpinäkyvyyden.
Advanced CSS -komennot
1. CSS-pyöristetyt kulmat: Hyödyntämällä 'reuna-säde' -ominaisuutta elementille voidaan antaa pyöristetyt kulmat. Voit myös määrittää tietyn kulman neljästä kulmasta ja tehdä muutokset valintasi mukaan.
2. Reunakuvat : Voit asettaa kuvan reunaksi minkä tahansa elementin ympärillä. Tämä on mahdollista käyttämällä rajakuvan ominaisuutta. Se ottaa kuvan ja leikkaa sen yhdeksään osaan ja sijoittaa sitten kulmat kulmiin ja keskiosat toistetaan tai venytetään.
Vinkkejä CSS-komentojen käyttöön:
- Käytä reset.css ja nollaa kaikki perustyylit.
- Käytä Shorthand CSS: ää saadaksesi lyhyemmän tavan kirjoittaa Command CSS -koodeja.
- Käytä CSS-virheenkorjaustyökaluja muokataksesi, ymmärtääksesi ja korjataksesi CSS-komentojen tyylejä.
johtopäätös
CSS-komento auttaa sinua pitämään asiakirjan informatiivisen sisällön erillisenä ja auttaa sen näyttämisessä. Se auttaa välttämään päällekkäisyyksiä, ylläpitämään koodia helposti ja käyttämään samaa sisältöä eri tyyleillä.
Suositellut artikkelit
Tämä on ollut opas CSS-komentoihin. Täällä olemme keskustelleet perus-, keskitason ja edistyneistä CSS-komennoista. Voit myös tarkastella seuraavaa artikkelia saadaksesi lisätietoja -
- Suosituimmat MySQL-komennot
- PL / SQL-komennot
- Kuinka käyttää SQL-komentoja
- Kulmakomennot