CSS (šifre) - uvod
Kaskadne tablice stilova, poznate i kao CSS, jezik stilskog lista koristi se za opisivanje prezentacije dokumenta napisanog na označnom jeziku kao što je HTML. U osnovi pojednostavljuje postupak prezentacije web stranica. On upravlja izgledom i dojmom web stranice i koristi se za upravljanje značajkama web stranice poput boje teksta, stila fontova, razmaka između odlomaka, poravnanja stupca, pozadinskih slika i boja i raznih drugih efekata, Prednosti CSS varalice štede vrijeme, brže učitavanje stranica, jednostavno održavanje, superiorni stilovi, kompatibilnost s više uređaja i globalni web standardi.
Naredbe i sadržaj na šifriranom CSS listu
Osnovna sintaksa
Osnovna sintaksa CSS varalice sastoji se od komponenata za odabir i deklaraciju. Komponenta selektora određuje HTML element koji treba stilizirati. Komponenta deklaracije sadrži dva ili više svojstava i njihove specifikacije razdvojene zarezima. Komponenta deklaracije uvijek započinje i završava kovrčavim zagradama.
Ispod su navedene CSS naredbe Cheatsheet koje izvode različite vrste operacija:
Specifikacija | naredba |
boje | Boje su određene pomoću unaprijed definiranih naziva boja ili vrijednosti RGB, HEX, HSL, RGBA, HSLA. |
pozadine | Boja pozadine elementa određena je svojstvom boje pozadine |
granice |
|
margine | Svojstvo Margin postavlja svojstva margina u jednoj deklaraciji. |
punjenje | Svojstvo za postavljanje svojstava obloga u jednoj deklaraciji je padding. |
Visina / Širina | Svojstva visine i širine koriste se za određivanje visine i širine elementa. |
obris | Svojstvo obrisa u obliku obrisa određuje vrstu obrisa za element. |
Tekst | Svojstvo boje koristi se za postavljanje boje teksta. |
fontovi | Svojstvo porodice fontova koristi se za postavljanje fonta odabranog teksta. |
linkovi | Svojstvo ukrašavanja teksta koristi se za uklanjanje podvlačenja s veza, a svojstvo boje pozadine može se koristiti za određivanje boje pozadine veza. |
arena | Svojstvo stila popisa određuje svojstvo popisa u jednoj deklaraciji. List-style-slika određuje sliku kao oznaku stavke popisa. List-style-položaj određuje položaj markera stavke popisa. List-style tip određuje vrstu markera stavke popisa. |
stolovi | Granica postavlja sva svojstva granice u jednoj deklaraciji. Kopiranje granice određuje treba li granica biti srušena ili ne. Razmak između granica i razmak između susjednih ćelija. Na natpisu se nalazi položaj tablice. Izgled tablice postavlja algoritam za raspored tablice. |
Prikaz | Svojstvo zaslona određuje je li element prikazan i kako je prikazan. |
Max-širina | U procesu određivanja širine blokovskog elementa, korištenje max-širine poboljšati će preglednik s malim prozorima. |
Položaj | Svojstvo položaja određuje položaj elementa. |
Prelijevanje | Svojstvo overflowa kontrolira tekst koji je prevelik da bi se uklopio u neko područje. |
Plutati | Svojstvo float određuje kako element treba plutati. |
Besplatni savjeti i trikovi za korištenje CSS naredbi cheat sheet-a: -
Sledeći su osnovni trikovi CSS-a sa varalicama.
- Box-Model: CSS Box-Model u osnovi je okvir koji se omota oko svakog HTML elementa. Sastoji se od margina, obruba, podmetača i sadržaja.
- Pseudo-klasa: koristi se za definiranje određenog stanja elemenata koje uključuje drugačije oblikovanje elementa kada korisnik prelazi preko njega, oblikovanje posjećenih i neviđenih veza i oblikovanje elemenata koji su u fokusu.
- Pseudo element: upotrebljava se za oblikovanje dijela elementa poput prvog slova, riječi ili retka. Također pomaže u umetanju sadržaja prije i nakon sadržaja elementa.
- Okomita visina zaslona: Ovo je za određivanje stupnja sadržaja koji bi zaslon trebao zauzeti.
- Stilske telefonske veze: Određuje svojstva veza koje se otvaraju kao telefonski brojevi na telefonu.
- Navigacijske trake: Važno je da web stranica ima dobru navigaciju. CSS pretvara dosadne HTML menije u dobro izgledajuće navigacijske trake.
Zaključak
Chess sheet CSS, kao alat za izradu web stranica, vrlo je učinkovit. Budući da su mogućnosti za bolju prezentaciju web stranice i dodavanje korisnih značajki više s CSS-om, mnogo je poželjnije.
Preporučeni članci
Ovo je vodič za CSS cheat sheet, ovdje smo razgovarali o sadržaju i naredbi, kao i besplatnim savjetima i trikovima CSS cheat sheet-a. Možete pogledati i sljedeći članak kako biste saznali više -
- Cheats Sheet SQL
- Najčešća pitanja o CSS intervjuu
- CSS vs CSS3 razlike
- CSS3 Intervju pitanja i odgovori
- Zanimljiv cheat list za UNIX
- Cheat Sheet JavaScript: Funkcije