KompjutersIpprogrammar

Dekorazzjoni web page u d-daqs tal-font fil-HTML

disinjaturi web novizzi se jkun utli li jkunu jafu dwar kif disinn test paġna web. Dawn jinkludu l-allinjament, kulur, daqs tal-font, u aktar.

Fuq ifformattjar tags multipli assoċjati. L-aktar komunement użati "p" - il-paragrafu. Hija parametri fakoltattivi li jiddefinixxu l-apparenza ta 'test.

L-ewwel u prinċipali parametru - dan "jallinjaw". Dan jiddetermina l-allinjament tat-test u jistgħu jkunu jew "xellug", "dritt", "ċentru" u "jiġġustifikaw" - allinjament fuq ix-xellug, lemin, ċentru, u madwar l-wisa 'tal-blokk, rispettivament. Innota li l-pożizzjoni tat-test hija mogħtija mhux fuq il-fruntieri iskrin, u fi ħdan il-paragrafu.

Dan huwa segwit mill-parametri "klassi" u "id". Huma jiddeterminaw liema klassi jappartjeni għal dan l-oġġett u identifikatur tagħha. Dan jista 'jinkludi wkoll l-attribut u "stil" - huwa jitlob blokki stil inline. Kollha ta 'dawn il-proprjetajiet huma relatati ma' CSS, li aħna se jmorru bi ftit.

Fil-tikketta "p" hemm waħda drawback - jonqos milli jiffissa esterna dawl tal-font, bħall-kulur jew id-daqs tagħha. Għal dawn il-finijiet huwa tikketta ieħor - "font". L-għażliet tagħha jiddeterminaw kif it-test se look like.

L-ewwel attribut tal-lametta - "kulur". Kif jista 'jkollok guessed, hemm jingħata kulur. Dan il-parametru jista 'jittieħed bħala ismijiet ( "abjad", "sofor", "maġenta"), u l-valuri fis-sistema RGB. Dan isir kif ġej: l-ewwel tpoġġi l-sinjal #, u mbagħad jidentifika n-numri tliet fl eżadeċimali minn 00 sa ff jew 0-255 - deċimali - l-ammont ta 'aħmar, aħdar u blu fil-kulur finali. Pereżempju, biex jużaw aħmar li tikteb "# ff0000", isfar - "# ffff00".

L-attribut jmiss - "wiċċ". Huwa jiddefinixxi l- tipa. Per eżempju, jista 'jiġi ssettjat għal "Times New Roman" jew "Tahoma".

U fl-aħħarnett, għall-daqs tal-font fil- HTML jirrispondi "daqs" parametru. Huwa jieħu valur numeriku - tipa.

Pereżempju, biex juru t-test bil-blu u l-font "Sans MS Comic" ħmistax pin, huwa meħtieġ li jiġi ddefinit l-tikketta "p" mal-parametri li ġejjin:

Kulur = "# 6666ff" wiċċ = "Comic Sans MS" daqs = "15"

Ukoll, hemm diversi tikketti li jippermettu li tiġi speċifikata tip wieħed partikolari ta 'format: "b" - grassett, "i" - korsiv, "U" - enfasizzati. Kollha kemm huma għandhom l-ebda parametri.

Issettja l-test attributi HTML - widna daqs tat-tipa - pjuttost skomda. Immaġina li inti jeħtieġ li jiġu alternati ma 'blokki differenti tad-disinji ta' test. Imbagħad, għal kull wieħed mill-tags ikollok biex jiddefinixxu l-istess attributi. Ħafna aktar konvenjenti li tista 'titwettaq bl-għajnuna ta Style Sheets CSS-Cascading. Pereżempju, biex tinħoloq klassi stampa imsejjaħ "myclass" mad-disinn bħal fl-eżempju preċedenti, ikollok bżonn li jiżdiedu l-tikketta "stil" din il-linja:

#myclass {font: RGB (102,102,255) "Comic Sans MS" 15pt;}

Hawnhekk "RGB (102,102,255)" tistabbilixxi l-kulur, "Comic Sans MS" - headset u "15pt" - id-daqs tat-tipa. Kulur jista 'wkoll tispeċifika l-isem u l-font - bħall skittles, u l-pixels (għal dan għandek bżonn biex tikteb, per eżempju, "20px").

Biex tuża din ir-reġistrazzjoni hija meħtieġa għal "p" tikteb tikketta:

class = "myclass"

Bl-istess mod, inti tista 'tiġbed xi test ieħor. Huwa biżżejjed li jiġu stabbiliti l- "klassi" parametru mill-klassi tal-valur li inti tixtieq li tuża.

U biex jinħoloq ID bl-isem "myid", jeħtieġ li "stil" rekord:

#myid {font: RGB (102,102,255) "Comic Sans MS" 15pt;},

u l-tikketta "p" tiffissa l-"id" attribut b'valur ta ' "myid".

Klassi u l-ID - huwa prattikament l-istess ħaġa. F'dan il-każ lametta wieħed jista 'jiġi dikjarat bħala l-ewwel u t-tieni:

class = "myclass" id = "myid"

Hemm żewġ modi biex jibdlu l-ħarsa ta 'test - HTML u CSS. Jekk għandek bżonn biex toħroġ wieħed jew f'żewġ blokok, l-użu HTML. Numru kbir ta 'paragrafi CSS ifformattjar identiċi huwa aktar komda.

Kif tistgħu taraw, jibdlu l-daqs tat-tipa fil-HTML huwa snap. L-ipprogrammar prinċipali - prattika, sabiex jippruvaw li teżerċita aktar, u int se tirnexxi!

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 mt.delachieve.com. Theme powered by WordPress.