Blocks CSS, margók, határok, margók

Hogyan készítsünk egy honlapot
hogyan lehet a helyszínen magad úgy, hogy a látogató, aki eljött hozzá, nem azonnal lezárta a oldal keresési egy másik élet, és marad rajta?
domain név
valóban választani egy domaint az oldal, nem könnyű feladat, mint amilyennek látszik első pillantásra.
ellenséges telek
a választás egy jó internetes fogadó függ a „fényes” jövő létrehozott webhelyet.
HTML alapjai
html nyelv az alapja az internet, anélkül, hogy a tudás a népszerű weboldal nem tud.
CSS tulajdonságok
stíluslapoknak sokkal könnyebb fejleszteni weboldalak és kezelése a honlapon.
optimalizálás
a szükséges intézkedéseket, amelyeket a webmesterek, hogy emelje fel a helyszínen, hogy egy feltűnő helyen.
előléptetés
hogy támogassák a helyszínen a saját, anélkül, hogy a különleges szolgáltatások, messze egy könnyű feladat, de a jobb és a helyes megközelítés megvalósítható.
Botok
működési elve kereső algoritmusok, rangsor tényezők.
érdekes cikkek
Itt mindenki talál valamit érdekes cikkeket és a kérdésekre adott válaszok létrehozásával kapcsolatos az oldalon.
szójegyzék
értelmezése szempontjából felmerült a létrehozása és előmozdítása helyszínek.

Bytes Loka CSS független objektumot, amely a téglalap alakú. Minden eleme HTML - A dokumentum független egység, amely információkat tartalmaz semmilyen, akár szöveg vagy kép (tartalom). Például: az elem tartalma egy szöveges blokk fejléc. és az elem - a szöveg a bekezdés.

Tartalom körül a blokk üres lehet, nem lakott területen (padding). ami egyébként adja a tartalmát a készülék vonzóbb. Csak túl a mezőket fut blokk határon (határ). amely egy előre meghatározott vastagságú, színű és stílusú. A blokk lehet francia (árrés) azaz szabad hely a szélek körül. Fields, keret és kitöltés nem tartalmazza a blokk szélessége, a szélesség beállítása csak a tartalmát.

• Field. Tulajdonságok margin-top, margin-right, margin-bottom, margin-left
• ingatlan MARGIN
• Határon. Tulajdonságok BORDER-TOP-width, border-JOBB szélességű, border-bottom-width, border-left-width
• Border-width tulajdonság
• Az ingatlan border-color
• Tulajdonságok border-style
• Tulajdonságok BORDER-TOP, BORDER-RIGHT, border-bottom, border-left
• ingatlan BORDER
• Behúzás. Tulajdonságok padding-top, padding-right, padding-bottom, padding-left
• ingatlan PADDING

Field. Tulajdonságok margin-top, margin-right,
Margin-bottom, margin-left

Ezek a tulajdonságok körül helyezkednek a blokkméret mezőket, a megadott érték esetén egységek bármilyen hosszúságú vagy százalékos:

• margin-top - jelöli a szélessége a felső mező;
• margin-right - jelöli a szélessége a jobb oldali margó;
• margin-bottom - jelöli a szélessége alsó mező;
• margin-left - jelöli a szélessége a bal margó.

Példa szabályokat a bekezdésben, a mezők a jobb és a bal oldalon az 25 képpont, így fog kinézni:

p margin-top. 0px;
margin-right. 25 képpont;
margin-bottom. 0px;
margin-left. 25 képpont;
>

Ez a tulajdonság - a gyors-, hogy használják a gyors- fenti tulajdonságokkal. margin tulajdonság számos értékek egytől négyig:

• Ha csak egy van állítva, akkor minden margó ugyanabban a blokkban;
• Ha a két érték adott, az első mező azt jelzi, a felső és alsó, a második - a jobb és a bal (az értékeket mindegyik pár egyenlő);
• ha három érték, az első képviseli a felső mező, a második - a bal és a jobb, a harmadik - az alsó;
• Ha be van állítva mind a négy érték, illetve az első - a tetején, majd - jobb mezőbe, majd alacsonyabb és az utolsó - balra.

Írj egy szabály:

Ebben a példában a felső mező egyenlő bekezdés 15px, a bal és a jobb margó 5px, az alsó mező 20px.

Ha CSS lehet használni, hogy magába zárja a szöveget a bekezdés a keretben, mint ahogy azt a helyszínen formájában példát. Ezek a tulajdonságok meghatározzák a vastagsága mindössze blokk határokat a felső, jobb, alsó és bal szegmensek. Az érték lehet zadvat kulcsszavak:

Ugyanezeket az értékeket lehet állítani, hogy bármilyen hosszúságú egységek százalékos értékek nincsenek beállítva. A szabály felírható:

p border-top-wdth. 1px;
border-jobb wdth. 2px;
border-bottom-wdth. közeg;
border-left-wdth. vékony;
>

Ez rövid tulajdonság értékei ugyanazok, mint a tulajdonságok margin. Általában írva az alábbiakban fog egyezni a rögzített fenti példában:

Ez a tulajdonság ugyanaz a rövidített, színe adott keresztül blokkhatár értékek:

• kulcsszó (piros, sárga, fekete, kék, stb);
• hex színkód (00FFFF, 000000, FFFFFF stb);
• decimális kód az RGB (color: rgb (120, 25, 182));
• átlátszó - átlátszó határokat.

Ha azt szeretnénk, hogy egy másik színt a négy határon, akkor a tulajdonságokat használjuk:

• border-top-color - a színe a felső határ;
• border-jobb szín - a szín a jobb szegély;
• border-bottom-szín - a szín az alsó határ;
• border-left-szín - a szín a bal szélén.

A szabály erre például a következőképpen néz ki:

p border-top-color. kék;
border-jobb színt. 000000;
border-bottom-színű. FF0000;
border-left-color. RGB (25, 125, 205);
>

Rövid tulajdonság azt határozza meg, hogy milyen típusú vonal, ami egy blokk határt. Meghatározni a különböző típusú vonalak, a blokkhatárok által használt egyedi tulajdonságok:

• border-top-style - a felső határ a vonal típusát;
• border-jobb stílus - a vonal típusát, jobb határon;
• border-bottom-style - a vonal típusát az alsó határt;
• border-left-style - a vonal típusát a bal széle.

Az ingatlan értéke a kulcsszavak:

• none - nincs határ (alapértelmezés);
• szaggatott - keretes határvonal álló pontokkal;
• szaggatott - szaggatott vonal;
• szilárd - folyamatos vonal;
• dupla - dupla folytonos vonal;
• horony - keret jelenik meg „depressziós” vonal (utánozza térfogat);
• Ridge - átnyúló mutatja „domború” vonal;
• betét - a határ is megjelenik, tehát az egész berendezést úgy néz ki, depressziós;
• Előzetesen - az egész egység úgy domború.

Nézd meg a példát: