Cheat sheet CSS - Introducere
Foile de stil în cascadă, cunoscute și sub denumirea de CSS este un limbaj al foii de stil folosit pentru a descrie prezentarea unui document scris într-un limbaj de marcare precum HTML. Practic simplifică procesul de prezentare a paginilor web. Gestionează aspectul paginii web și este utilizat pentru a controla caracteristicile unei pagini web, cum ar fi culoarea textului, stilul fonturilor, distanțarea dintre paragrafe, alinierea coloanelor, imaginile de fundal și culorile și o varietate de alte efecte. . Avantajele unei fise de înșelăciune CSS sunt că economisește timp, paginile se încarcă mai rapid, întreținere ușoară, stiluri superioare, compatibilitate multiplă a dispozitivului și standarde web globale.
Comenzi și conținut pe Chest sheet CSS
Sintaxa de bază
Sintaxa de bază a foii de înșelăciune CSS constă dintr-un component de selecție și declarație. Componenta de selectare specifică elementul HTML care trebuie să fie stilat. Componenta declarație conține două sau mai multe proprietăți și specificațiile lor separate prin punct și virgulă. Componenta declarației începe întotdeauna și se termină cu bretele cret.
Mai jos sunt menționate comenzile CSS Cheetheet CSS care efectuează diferite tipuri de operații:
| Specificație | Comanda |
| colorate | Culorile sunt specificate folosind nume de culori predefinite sau valori RGB, HEX, HSL, RGBA, HSLA. |
| fundaluri | Culoarea de fundal a unui element este specificată de proprietatea de culoare de fundal |
| Frontiere |
|
| Margini | Proprietatea marjei stabilește proprietățile marjelor într-o singură declarație. |
| umplutură | Proprietatea pentru setarea proprietăților de umplutură într-o declarație este căptușirea. |
| Înălțime lățime | Proprietățile de înălțime și lățime sunt utilizate pentru a specifica înălțimea și lățimea unui element. |
| Contur | Proprietatea în stil contur specifică tipul de contur pentru un element. |
| Text | Proprietatea de culoare este utilizată pentru a seta culoarea textului. |
| Fonturi | Proprietatea font-family este utilizată pentru a seta fontul textului selectat. |
| Link-uri | Proprietatea text-decor este folosită pentru a elimina sublinierile din legături și proprietatea culoare de fundal poate fi utilizată pentru a specifica culoarea de fundal a legăturilor. |
| liste | Proprietatea în stil de listă stabilește proprietatea unei liste într-o singură declarație. Listă-stil-imagine specifică o imagine ca marker-element de listă. List-style-position specifică poziția marker-ului de listă. List-style-type specifică tipul markerului de listă. |
| Mese | Borderul stabilește toate proprietățile de frontieră într-o singură declarație. Bord-collapse specifică dacă o frontieră ar trebui să fie prăbușită sau nu. Limita de distanțare sau distanțarea dintre celulele adiacente. Latura de legendă specifică plasarea unei legi de tabel. Tabela-layout stabilește algoritmul pentru aspectul unei tabele. |
| Afişa | Proprietatea de afișare specifică dacă este afișat un element și cum este afișat. |
| Lățimea maximă | În procesul de specificare a lățimii unui element de bloc, utilizarea max-lățimii va îmbunătăți gestionarea browser-ului de ferestre mici. |
| Poziţie | Proprietatea poziție specifică poziția unui element. |
| Revărsare | Proprietatea de preaplin controlează textul care este prea mare pentru a se încadra într-o zonă. |
| Pluti | Proprietatea float specifică modul în care un element ar trebui să plutească. |
Sfaturi și trucuri gratuite de utilizare a Cheatului CSS:
Câteva trucuri esențiale ale înșelătoriei CSS de foaie sunt următoarele.
- Box-Model: CSS Box-Model este în esență o cutie care se înfășoară în jurul fiecărui element HTML. Este format din margini, granițe, umplutură și conținut.
- Pseudo-Class: este utilizat pentru a defini o stare specifică a unui element care implică stilizarea diferită a unui element atunci când un utilizator se împlinește peste el, stilarea legăturilor vizitate și nevăzute și stilul elementelor care sunt focalizate.
- Pseudo-element: este folosit pentru stilarea unei părți dintr-un element precum prima literă, cuvânt sau linie. De asemenea, ajută la inserarea conținutului înainte și după conținutul unui element.
- Înălțimea verticală a ecranului: pentru a specifica măsura în care conținutul ar trebui să ocupe ecranul.
- Legături de telefon în stil: specifică proprietățile linkurilor care se deschid ca numere de telefon la telefon.
- Bare de navigare: este important ca un site web să aibă o navigare bună. CSS transformă meniurile HTML plictisitoare în bare de navigare cu aspect bun.
Concluzie
Cheat sheet CSS, ca instrument de construire a site-urilor web, este foarte eficient. Deoarece opțiunile pentru o mai bună prezentare a unui site web și adăugarea de funcții utile sunt mai multe cu CSS, este mult mai preferat.
Articole recomandate
Acesta a fost un ghid pentru Cheat sheet CSS aici am discutat despre conținut și comandă, precum și sfaturi și trucuri gratuite ale CSS sheet cheat, puteți să consultați și articolul următor pentru a afla mai multe -
- Cheat Sheet SQL
- Întrebări de interviu CSS de top
- Diferențe CSS vs CSS3
- Întrebări și răspunsuri la interviu CSS3
- Foaie de cheat interesantă pentru UNIX
- Cheat Sheet JavaScript: Functions