LovesTheTeam.com

oktatás

1

Indítsa el a szövegszerkesztőt, amelyik aa szövegformázás funkciói - például a Microsoft Office Word. Töltsön fel egy dokumentumot, amelyben hangsúlyozni szeretné a betű, a szó vagy a szöveg bármely részét - a ctrl + o billentyűkombinációval felhívhatja a megfelelő párbeszédablakot. Keresse meg a kívánt töredéket a szövegben, és válassza ki. Ezután az "Alap" lapon kattintson az aláhúzás ikonra - az aláhúzott "Ч" betűt jeleníti meg. Ha bármilyen nem szabványos aláhúzási lehetőségre van szüksége, akkor kattintson a jobb egérgombbal a kiválasztott töredékre, és válassza a "Betűtípus" parancsot a helyi menüből. A megnyíló ablakban található egy "Aláhúzás" legördülő lista - válassza ki a 17 opció bármelyikét, majd kattintson az "OK" gombra.

2

Ha szeretné hangsúlyozni a szövegetHTML-dokumentumot, majd a kódban meg kell adnia a megfelelő címkéket. A töredék első karaktere előtt, amelyet hangsúlyozni szeretnél, legyen egy nyitócímke <u>, és az utolsó aláhúzott karakter után be kell illeszteni a zárócímkét </ u>. Például :. <P> Ez egy bekezdés a <u> hangsúlyozta </ ​​u> szöveg </ p> Ha a lapok szerkesztésének tartalomkezelő rendszer a címkéket automatikusan beilleszti a szövegbe, ha a szerkesztő végzi vizuálisan (WYSIWYG módban). Ebben az esetben csak válassza ki a kívánt töredéket, és kattintson a szerkesztő panel aláhúzás gombjára.

3

Ha hangsúlyozzuk a szavakat vagy betűket, amelyekre szükségünk vanegy fórumra vagy csevegésre küldött üzenet, majd keresse meg a megfelelő gombot az üzenet szerkesztő panelen. Néha csak a kibővített szerkesztési formában jelenik meg. Jellemzően az ikon mutatja az angol U betűt, amelynek aláhúzásakor kattintson rá, jelezve a kívánt szövegrészet.

Szüksége lesz rá

• HTML kódszerkesztő

oktatás

1

Hozz létre az első blokkot. Mint HTML, úgy fog kinézni, mint egy div tag, id "block01". Itt az azonosítóblokk01 azt jelzi, hogy a CSS leírásban a blokk összes tulajdonsága a # block01 szelektorban van megadva.

2

Írja le a blokkot a CSS-ben. A CSS stílusoknál adja meg az azonosító nevét (# block01), és göndör zárójelben írja le paramétereit - szélesség, pozícionálás, eltolás, háttérszín stb. Például ez a következőképpen néz ki: # block01 {width: 150px; magasság: 150px; pozíció: abszolút; top: 0px; balra: 0px; háttérszín: rózsaszín}. Ez a leírás feltételezi, hogy a blokk hossza és szélessége 150 képpont lesz, mereven elhelyezve a dokumentum bal felső sarkában, háttere rózsaszín lesz.

3

Állítsa be a blokk relatív pozícionálását. Ha a CSS leírásban abszolút helyett az abszolút pozicionálást használja, akkor a blokkokat nem a merev kötéssel helyezi el a koordináták rácsára, hanem más, már létező blokkokhoz képest. Ehhez módosítsa a pozíciót: abszolút; top: 0px; balra: 0px pozícióban: relatív; felül: 200px; balra: 100px.

4

Adjon egy kockát a blokknak. A CSS-ben a határ-sugár utasítás felel. Adja hozzá a következő kódot a stíluslaphoz: border-radius: 8px. Most a blokknak lekerekített sarkok leszek. Ha csak néhány szöget szeretne kerekíteni, írja le a sugarat külön-külön mindegyiküknek: határ-sugár: 8px 8px 0px 0px.

5

Állítsa a löketet a blokkra. A blokk kontúrjainak vékony vonallal való kijelöléséhez adja hozzá a következő kódot a CSS-leírásban: border-top: 1px szaggatott fekete. Ez az utasítás azt jelenti, hogy a blokk határa fekete lesz, és vastagsága egy pixel lesz. Ebben az esetben a kontúrvonal pontosan pontozott vonallal jelenik meg (szaggatott - pontozott, pontozott pontok, szilárd - szilárd vonal).

6

Állítsa be a fennmaradó blokk tulajdonságait. Adja meg a CSS leírásban, milyen típusú fejhallgatót kell használni a blokk belsejében lévő szöveghez, milyen betűméretet kell tartalmaznia, annak igazítása és beillesztése a blokk éleiből. Ezeket a tulajdonságokat a betűtípus-család, a betűméret, a szöveg-igazítás és a kitöltés definíciói írják le.

7

Egy blokk átfolyásának beállítása mások által,használhatja az úszó tulajdonságot. Ha "balra" állítja, akkor a többi elem a bal oldalon lévő blokk körül folyik, jobbra jobbra. Ha a float értékét "none" -ként állítja be, akkor a blokk beállítása nem lesz beállítva. A CSS egyértelmű tulajdonsága megakadályozza, hogy a blokk jobbra, balra vagy mindkét oldalra áramoljon, és törölje az úszó kijelentést.

oktatás

1

Vegyünk példaként egy sor szöveget,amelyhez linket szeretne létrehozni. A munkához szükség van a szöveg-dekoráció paraméterére: nincs. Ha hozzáadja az oldal kódjához egy bizonyos helyen, akkor a link aláhúzása eltűnik: Keresse meg a következő kódot, és az "A" betű után írja be a szöveg fenti szövegstílus paraméterét. <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Átmeneti // EN"> <html> <head> <style type = "text / css"> A {text-decoration: none}

2

A kód megváltoztatását így eltávolítottukhangsúlyozzák a linket. Most, ha azt szeretnénk, hogy ezt hangsúlyozni ismét úgy tűnik, csak akkor, ha lebeg a link fölé, és a színe, ha lebeg változott, mondjuk, piros, add kódot az alábbi paraméterek: A: hover {text-decoration: aláhúzott, szín: piros} itt, mint látható, van ismét aláhúzzák paraméter beállítás és a színt.

3

Itt, ahogy láthatja, ismét megjelenik a paraméteraz aláhúzás és a szín opciót, a kód utolsó harmadát a fent felsorolt ​​részekhez kell hozzáadni, ez lesz a végső rész, és közvetlenül beírja a link szövegét, ahol ellenőrizheti az eredményt. </ style> </ head> <body> <a href = "link.html"> Link ellenőrző szöveg </ body> </ html>