Դաս 1.
FONT
Ուսումնասիրության համար մենք կվերցնենք փոքր տեքստ:
Font-ը կարճգրություն է: Սրա շնորհիվ կարող ենք սահմանել շատ հատկություններ:
Font-ի հնարավոր արժեքներն են
font: cursive;
font: fantasy;
font: monospace;
font: sans-serif;
font: serif;
font: font_family;
font: large;
font: medium;
font: small;
font: larger;
font: smaller;
font: ;/*number*/
font: %;
font: italic;
font: normal;
font: oblique;
font: ; /*100, 200, 300 ...900*/
font: bold;
font: bolder;
font: lighter;
font: caption;
font: icon;
font: menu;
font: message-box;
font: small-caption;
font: status-bar;
font: inherit;
Կարող ենք տարբեր կոմբինացիաներ կազմել այս հատկանիշներից:
font: 20px italic sans-serif;
FONT-FAMILY
Օրինակ font-family - սրանով կարող ենք սահմանել ֆոնտի տեսակը:
font-family: cursive;
font-family: fantasy;
font-family: monospace;
font-family: sans-serif;
font-family: serif;
font-family: inherit;
Վարժություն 1!
Փորձեք այս տարբերակը.
font-family: serif;
Գրեք մի օրինակ գրատախտակին և սեղմեք Preview կոճակը:
Դաս 2.
FONT-SIZE
Իակ font-size -ով կարող ենք սահմանել տեքստի ֆոնտերի չափերը:
Հնարավոր արժեքներն են.
font-size: large;
font-size: medium;
font-size: small;
font-size: x-large;
font-size: x-small;
font-size: xx-large;
font-size: xx-small;
font-size: larger;
font-size: smaller;
font-size: ;/*number*/
font-size: %;
font-size: inherit;
font-size-adjust
font-size-adjust: ; /*number*/
font-size-adjust: none;
font-size-adjust: inherit;
Վարժություն 2!
Այժմ փորձեք այս օրինակը.
font-size: small;
font-size: x-large;
font-size: x-small;
font-size: xx-large;
font-size: xx-small;
font-size: larger;
font-size: 205%;
Հիմա էլ գրեք մի օրինակ գրատախտակին և սեղմեք Preview կոճակը:
Դաս 3.
FONT-STYLE
font-style -ի միջոցով կարող ենք սահմանել ֆոնտի համար ոճ:
Հնարավոր արժեքներն են.
font-style: italic;
font-style: normal;
font-style: oblique;
font-style: inherit;
Վարժություն 3!
Փորձեք այս տարբերակներից մեկը.
font-style: italic;
font-style: normal;
font-style: oblique;
Հիմա գրեք մի օրինակ գրատախտակին և սեղմեք Preview կոճակը:
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.