> |. @CoDE.CLasH ) Css Cheat Sheet@CODE.CLASH Selectors ares Te esos ceCiO) ID Selector Roto es Class Selector a0 Type Selector ree) COC aS CIE UT RSs cag eee E ey Cec Rea ciacds ea mes ICE eeS RUS rat p af} Deere Ces Cre Crd clase ORE RY Nees tri aad ties Poiana Ceti Pur) Millimeter Pica (1 pica = 12 points) Point (1 point = 1/72 inch) Pixel (1 pixel = 1/96 inch) Width of the "8" glyph in the font size ere ae eee X-height of the element's font Grid defined by 'layout-grid este eS CLs Viewport's height PP eee a Smaller of viewport's height or widthPseudo Selectors rasa) Brat Ata pets rere) Sree) eee) Bee) nth-last-child(n) Sete Fe) eaciset) PN erureG) Pes CGN) Pes eee ees 71) peo ear ts pete) esa eta Plo Presse) ets Pretest rac ig Uc ieee Otte Arras i Eras r ied teem Cues eee a es Unvisited link Per eca Cui Bice Clee cm cca Deemer enr) eae eur areca) pia SECT) Tener eur) Pista ret) Cece arts 1) Pelee ees, ree (ereeroeur mets 7 Ty triers SECC e mee oT Cece C Rem Ceo Sere mre i) clas ecu rg eee Cee tec Maem se Style for the first letter of text See C Ce rire eR ae csss Insert content before an element prc ua eee cdList Styling ee ae so 7 SB eerie cia] eee) ce Mo ceed ee eC et aca stay list-style-type: inside | outside; eae Cy Priorat Se Paris ke) Position Pm esa S ti PosteCiParic ts Tc eO CMEC oUt mee mers cis ees ies CCS top | right | bottom | left // Float Element aCe) ieee lg Pst See mae nT // Clear Floating clear: none | left | right | bothToll Ce [cede L a Te | background-color: #FFF2EB Poot emis kp) Pre ee ee Ce eC eT) eos Sc eae Cre LSC CLT Le ts background-position: top | right | bottom | left | center Font Properties eg CM ame Cc PEC ECLECTIC) en eC em yas LPC cers e aR ae Ce font-weight: normal | bold | bolder | lighter | 100-900 race a aT ae SEC St tem Ly ae ed Sy Oe CURL ei agText Properties text-align: left | right | center | justify Reet Fee eC BC eee ec roses eee vertical-align: baseline | 18px | sub | super | top | text-top CCCs ees ee lL ures cre text-align-last: auto | left | right | center | justify cea ecu eres C vee C Ceca Roce eet UMUC Seo ese Ue Meu uic tt text-justify: auto | inter-word | inter-character | none | initial | inherit oes C Rese Mm mbEC CM Mie U MU ts CEU Cots ote ee er See Cae Cry | initial] inheritperu ts tim st Oeics Cee EUs me Ceci coe ce ial mets ocr RT RUSS CUE Te ies ea ae Bicester eens Ua BCU e stele LSC bane CH peru ce Pe Uee te gs gga ceca Ce ie Tet) transitions-timing-function transitions-delay; Animation Pie Cus tO bits Che oa meen eC oe Cea ee CCEe tts | cubic-Bezier (number, number, number, number) Pre Cie U ean 0-1 EIS Cun scum Sr animation-delay: time; animation-iteration-count : inherit | number; EOS Cun sta ae Meee Ta Ly rotation: angle rotation-point position; Ere Cue Cente CPM SCI me ar) animations: animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-directionBi colaicelana) eo translate(x, y): ice TCD) Een Ben eect Pear) CUE Bremer Ce Bel SIS Rt SLE Ba DEUCE ae Oy translate3d(x, y, z): Translate (move) element a UCTS RU as RUC AUC TaL Ee RUS) RD) rotateX(angle): Pees Cor it rotateZ(angle): PeneeT Cae erspective(value): DCC RCs eee ace ee see CCRC ECS See cuca Peco mc cLis Peo e cL cna errs ty Set uS RL uae cae et ed Rotate element around the X-axis Rotate element around the Y-axis Rotate element around the Z-axis eres Set the perspective viewThanks For Your Attention 133K a Fen] Imtiyaz | Coding | Web Developer (OM AES) Rt uae eg) a Bra edged cath cok ee eae DM/Email Us For [ Collab | Promo ] (ered Loe te es Ree ear Pie ed IMTIYAZ NANDASANIYA