8
: . . .
: CSS HTML- .
: HTML-c CSS -.
:
CSS? ? ? .? () ? :
1. HTML- , .
:
WEB-.
color
.
.
1. (color:red)
2. (color:#ffffff)
3. RGB (color:rgb(255,0,0))
, . 0 255. .
background-color
.
:
. transparent - ( ). inherit - . background-image
. , , . , . , .
:
none - . URL . inherit - . background-repeat
, , background-image, . , .
:
repeat - ( ). repeat-x - . repeat-y - . no-repeat - . inherit - .
background-attachment
, .
:
scroll - ( ) fixed - . inherit - . background-position
. . 50%. .
:
- . . , - . . , - ( ) . 0%, . , - ( ) . top - center - . bottom - . left - . right - . inherit - . , , , , , . .
top left = left top = 0% 0% ( ) top = top center = center top = 50% 0% ( ) right top = top right = 100% 0% ( ) left = left center = center left = 0% 50% ( ) center = center center = 50% 50% ( ) right = right center = center right = 100% 50% ( ) bottom left = left bottom = 0% 100% ( ) bottom = bottom center = center bottom = 50% 100% ( ) bottom right = right bottom = 100% 100% ( )
background
, , . . , .
:
background-color - . background-image - . background-repeat - . background-attachment - . background-position - . inherit - .
opacity
-. CSS3 Internet Explorer, Mozilla, Safari 1.0 Firefox 1.0
font
, , . . , . , .
font-family
, . , . . :
- , . , , . , .. inherit - . : serif (), Times; sans-serif ( ), Arial; cursive ; fantasy ; monospace , .
p {font-family: "Times roman", courier, serif}
font-style
, . :
normal - ( ). italic - . oblique - . . . inherit - . Internet Explorer italic oblique
p{font-style: italic; }
font-weight
. 100 900 100. :
normal - ( ). bold - . . , , . bolder - . lighter - . , , , , . 100-900 - , . 100 (lighter), 400-normal, 700- bold, 900- bolder. inherit - . , .
p {font-weight: bold;}
font-stretch
. :
normal - ( ) wider- . narrower - . ultra-condensed - . extra-condensed - , condensed - , . semi-condensed - , . semi-expanded - , . expanded - , . extra-expanded - , . ultra-expanded - . inherit - . body{ font-stretch: condensed }
font-size
( ) . :
- : xx-small( ), small (), medium () ( ), large (), x-large ( ), xx-large ( ). - : larger (), smaller (), - . . . inherit - . p{font-size: 20px}
font-variant
, .
:
normal - ( ). small-caps - . inherit - . p {font-variant: small-caps }
font-size-adjust
, . . :
none - . - , . inherit - . p {font-size-adjust: 0.45}
.
CSS WEB- , Web-, . CSS. CSS:
@font-face {font-family: fontName ; src: url(failMame.eot) }
fontName, CSS font-family, . :
<style> @font-face{ font-family: demoFont; src: url(http://myweb.ru/superFont.eot)} H1 {font-family: demoFont, Arial, sans-serif;} </style> <h1> </h1>
font-family. font-family , , . sans-serif, sans-serif .
text-indent
. , , . :
p {text-indent:20px;}
text-align
. :
left - . center - . right - . justify - , . . , - . inherit - . p {text-align: center;}
text-decoration
, , . , . :
none - ( ). underline - . overline - . line-through - . blink - . Internet Explorer blink, , . inherit - . CSS, , , . , , , , , .
p {text-decoration: underline }
text-transform
() . :
none - ( ). capitalize - . uppercase - . lowercase - . inherit - . p {text-transform: uppercase }
text-shadow
, . , . , . :
none - ( ). color - . , - . . , - . . , - . inherit - . h1{text-shadow: blue 5px 5px 3px}
letter-spacing
. :
none - , . , , . inherit - . p { letter-spacing: 5px }
word-spacing
. justify, word-spacing , , . :
none - , . , , . inherit - . p{word-spacing: 2px}
white-space
, . :
normal - , . , HTML pre - , ( ). nowrap - . inherit - . Internet Explorer 6 pre. Internet Explorer 7 pre (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">).
p { white-space: pre}
line-height
( ) , . . .
:
, , .
inherit - .
vertical-align
. . , , .
:
baseline - . , .
middle - .
sub - , . . super - , . . text-bottom - . text-top - .
: 2016-03-28 ; ! ; : 366 |
:
:
, . ==> ...
1743 - | 1543 -
© 2015-2024 lektsii.org - -