- A különböző böngészők eltérően valósítják meg a színátmeneti funkciókat, ezért a kód több verzióját is hozzá kell adnia.
-
Hozzon létre egy irányított gradienst. Ha nem szeretné, hogy a színátmenet függőlegesen fusson, adja meg a színátmenet irányát. Ehhez írja be a következő kódot a címkék közé :
html (min. magasság: 100%;) törzs (háttér: -webkit- lineáris gradiens (bal, # 93B874, # C9DCB9); háttér: -o- lineáris gradiens (jobb, # 93B874, # C9DCB9); háttér: -moz- lineáris színátmenet (jobbra, # 93B874, # C9DCB9); háttér: lineáris gradiens (jobbra, # 93B874, # C9DCB9); háttérszín: # 93B874;)
- Cserélje fel a „bal” és a „jobb” szavakat, ha szeretne kísérletezni a színátmenet különböző irányaival.
-
Használjon más tulajdonságokat a színátmenet beállításához. Többet tehetsz vele, mint gondolnád.
- Például minden szín után megadhat egy százalékot. Ez meghatározza, hogy az egyes színszegmensek mennyi helyet foglalnak el. Íme egy példakód a következő paraméterekkel:
háttér: lineáris gradiens (# 93B874 10%, # C9DCB9 70%, # 000000 90%);
- Adjon átlátszóságot a színhez. Ebben az esetben fokozatosan elhalványul. A halványító hatás eléréséhez használja ugyanazt a színt. A szín beállításához szükség van az rgba () funkcióra. Az utolsó érték határozza meg az átlátszóságot: a 0 egy átlátszatlan szín, az 1 pedig egy átlátszó szín.
háttér: lineáris gradiens (jobbra, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));
- Például minden szín után megadhat egy százalékot. Ez meghatározza, hogy az egyes színszegmensek mennyi helyet foglalnak el. Íme egy példakód a következő paraméterekkel:
Keresse meg a "html" címsort. A dokumentum tetején kell lennie.
Emlékezzen a folyamat alapvető szintaxisára. Gradiens létrehozásához két értéket kell ismernie: a kiindulási pontot/szöget és az egymásba keveredő színtartományt. Több szín közül is választhat, hogy azok illeszkedjenek egymáshoz; az átmenet irányát vagy szögét is beállíthatja.
háttér: lineáris gradiens (irány / szög, szín1, szín2, szín3 és így tovább);
Hozzon létre egy függőleges színátmenetet. Ha nincs irány megadva, a gradiens fentről lefelé halad. Egy ilyen színátmenet létrehozásához írja be a következő kódot a címkék közé :
html (min-magasság: 100%;) törzs (háttér: -webkit- lineáris gradiens (# 93B874, # C9DCB9); háttér: -o- lineáris gradiens (# 93B874, # C9DCB9); háttér: -moz- lineáris - gradiens (# 93B874, # C9DCB9); háttér: lineáris színátmenet (# 93B874, # C9DCB9); háttérszín: # 93B874;)
Tekintse át a kódot. A weboldal háttereként színátmenetet létrehozó kód valahogy így nézne ki:
< html > < head > < style >html (min. magasság: 100%;) törzs (háttér: -webkit- lineáris gradiens (bal, # 93B874, # C9DCB9); háttér: -o- lineáris gradiens (jobb, # 93B874, # C9DCB9); háttér: -moz- lineáris színátmenet (jobbra, # 93B874, # C9DCB9); háttér: lineáris gradiens (jobbra, # 93B874, # C9DCB9); háttérszín: # 93B874;) < body >
Utasítás
Helyezze el a fejléceket különböző szinteken a megfelelő nyitó és záró címkék között, ha még nem tette meg a weboldal forráskódjában. Például a legfontosabb címsor (első szint) a címkék között legyen
és
:Cím
A következő legfontosabb szintű alcímet a címkék közé kell helyezniés
stb. Az utolsó tervezett szint a hatodik -és
.Helyezze a forráskód fejlécébe (a címkék közé
és) egy utasítás, amely tájékoztatja a látogató böngészőjét arról, hogy a CSS stílusok leírása ezen a helyen található:A nyitó és záró stíluscímkék közé írja be az egyes szintek címsoraihoz tartozó stílusok leírását, kinézet amelyen változtatni szeretne. Például, ha csak az első szintű címsorok megjelenését kell megváltoztatnia, akkor ez a kód így nézhet ki: Itt a h1 azt jelzi, hogy a leírás in göndör fogszabályzó a h1 címkére utal, és "választónak" nevezik. A color paraméter a szöveg színét állítja be, a font-size paraméter a betűméretet, a font-style a dőlt értékkel a betűk ferde stílusa, a font-weight a félkövér értékkel a margin-top az, a margó -bottom az alsó margó. Második szintű címsorokhoz adjunk hozzá egy hasonló blokkot h2 választóval stb.
Használja a rövidített szintaxist, ha sok szintet kell leírni. Például a betűtípus-leírások elhelyezhetők egy paraméterben, valamint a behúzásméretek leírása. Minta: A margó paraméterben a margókat az óramutató járásával megegyező irányban kell megadni, a felső margótól kezdve egy szóközön keresztül (jobbra fent, balra lent).
Kapcsolódó videók
Szükséged lesz
- Számítógép, internet, hozzáférés a webhely tartalmához.
Utasítás
Ha a prioritásai megváltoznak, és ez hatással van a webhely témáira, feltétlenül tükrözze a módosításokat a címben. Az új név kiválasztásakor tervezze meg, hogy az oldal neve ha nem is globális márkává váljon, de legalább a forrás rendszeres olvasói számára. Általánosságban elmondható, hogy "amit jachtnak hívnak, az lebeg."
Döntse el, hogy akar-e hozni Domain név a cím szerint. Ez nem szükséges, ha illeszkednek egymáshoz. Egyébként ezt tartsd szem előtt, amikor új címet választasz. Végül is a domain megváltoztatása nehezebb. Ezenkívül ő az, aki összeköti az oldalt a látogatókkal.
Módosítsa a címet a webhelyen. A modern ingyenes platformok és a különféle webhely-készítők általában egyszerű vizuális vezérlőkkel rendelkeznek, amelyek nem igénylik a programozási nyelvek ismeretét. Menjen a webhely vezérlőpultjára rendszergazdaként.
Keresse meg a megnyíló oldalon az „Opciók” vagy „Beállítások” vagy „Általános” lapot. És ott keresse meg a "Webhely neve" mezőt, ahol beírhatja a szöveget.
Írja be az új nevét ebbe a mezőbe. Ügyeljen arra, hogy kattintson a Mentés gombra, amelyet a különböző webmotorok eltérően hívnak - "Mentés", "Közzététel", "Frissítés".
A betűtípus megváltoztatásához használja a címkét A FACE attribútummal. Megadhatja a betűtípust név (Arial, Tahoma, Verdana) vagy típus (például monospace) alapján. Célszerű több betűtípusnevet felsorolni, hogy elkerüljük azt a helyzetet, amikor kiderül, hogy nem a felhasználó telepítette a szükséges betűtípust. Azt javaslom, hogy a gyakori betűtípusok közül legalább egyet "pontozzon" (pl. Arial). Nem javaslom 2-3 különböző betűtípusnál több használatát egy oldalon, különben ügyetlennek és szakszerűtlennek tűnik az oldal.
Példa:
A html oldal betűméretének megváltoztatása
A SIZE attribútum a betűméret módosítására szolgál. Minél nagyobb a betűtípus, annál könnyebben olvashatóvá válik a szöveg. De, kis betűtípus lehetővé teszi több információ elhelyezését a képernyőn. A megadott attribútum használata a címkével
A betűtípust címkék segítségével módosíthatja és . felnagyítja a megadott töredék betűtípusát az előző szöveghez képest, és , ennek megfelelően csökken.
Érdekes hatásokat érhet el az egyes betűk méretének megváltoztatásával. Például ilyen módon kaphat egy csepp sapkát - egy bekezdés elejének kinagyított nagybetűjét.
Példa:
A html oldal betűszínének kiválasztása
A weboldal szövegének egyes részei különböző színű betűtípusokkal való megjelenítése vonzóvá teszi azt.
A TEXT attribútum használata egy címke kontextusában
, megváltoztathatja a teljes weboldal szövegének színét. A COLOR attribútum használata a címkével (van neki több magas prioritás).A szöveg színének megváltoztatásához ismernie kell a szín nevét vagy hexadecimális kódját. A kód a # font szimbólumból és egy számból áll, amely a szín piros, zöld és kék összetevőinek intenzitását jelzi. Csak 16 szabványos színre lehet név szerint hivatkozni.
Színek megnevezése Kód aqua ## 00FFFF fekete ## 000000 kék ## 0000FF fukszia ## FF00FF szürke ## 808080 zöld ## 008000 lime ## 00FF00 gesztenyebarna ## 800000 sötétkék ## 000000 sötétkék ## 000000 sötétkék ## 000008 olíva #0 #0 #0 8 #0 #0 8 lila # FF0000 ezüst ## C0C0C0 kékeszöld ## 008080 fehér ## FFFFFF sárga ## FFFF00
Az interneten keresztüli bevétel típusai,
vagy amire nem kell időt vesztegetni
Mi a legjobb kiindulópont a kezdőknek.
Hol van a pénz az interneten vagy az online pénzszerzési stratégia?
Útmutató a weboldal készítéséhez 5 perc alatt. HTML alapismeretek és lépésről lépésre weboldalkészítés
Hogyan legyél webdesigner, és tanulj meg minőségi webhelyeket készíteni.
Hogyan kereshet pénzt webhelyén, hogyan reklámozhatja webhelyét, és hogyan lehet profitot termelni robotpilóta segítségével
Van weboldala, de nem jövedelmező? A bevételszerzési szolgáltatások áttekintése
Nem tudod, hova fektesd be a pénzed
profitot termelni? Ez egyedi információ
Forex általában. Hogyan fektesse be megfelelően napi 50 dollár tőkéjét vagy bevételét robotpilóta segítségével
Hogyan és hol vásárolhat domaint és tárhelyet. Hogyan lehet weboldalt feltölteni az internetre
Hogyan vigyünk át egy domaint egy másik regisztrátorhoz a megújítások megtakarítása érdekében
Folytatjuk a html elsajátítását, képzésünk harmadik órájában az oldal színeinek megváltoztatását fogjuk tanulni. Aztán valahogy minden unalmasnak tűnik.
A már meglévő html kódunk:
Az oldalam tartalma.
Most megtanuljuk, hogyan kell megváltoztatni az oldalt. Annak jelzéséhez, hogy milyen színű legyen a szöveg, a következőket kell tennie.
Változtassa meg a címkét
a következő módon: text = "# FF0000">, vagyis változtatni html színés szöveget, hozzá kell adni a text = paramétert, és meg kell adni az értékét "# FF0000".A paraméter értéke határozza meg a színt, azaz "# FF0000" - piros. Itt a három szín törvénye érvényes.
Például a "# 00FF00" a zöld html szín, a "# 0000FF" a kék html szöveg színe. Összekeverve ez a három szín új árnyalatokat és html színeket alkot. Például: "# 3715FB".
Tegyük pirosra az oldalunkon lévő szöveget. Ehhez alkalmazza a megszerzett tudást. Ennek eredményeként a következő html kódot kell kapnia:
Az oldalam tartalma.
Weboldalkészítés leckéken megyek keresztül.
(A html kód új szakaszai kék színnel lesznek kiemelve)
A következőt módosítani kell.
Most nézzük meg, hogyan állíthatjuk be az egyes szövegrészletek html színét. Ha a szöveg egy részének más html színűre van szüksége, tegye a következőket:
Zárja be a kívánt szöveget a címkék közé ... Ez új html tag, párosítva van.
Ezután írja be a color = paramétert "# 00FF00" értékkel, azaz így color = "# 00FF00"> más színű szöveg .
Alkalmazzuk a tudásunkat magunkra html kódotés módosítsa a szövegrészt.
Az oldalam tartalma.
Weboldalkészítés leckéken megyek keresztül.
Meg kell kapnia a következő változást.
Html háttérszín
Most váltsunk html háttérszín, ehhez be kell állítani a címkében
A html háttérszínnek nem kell „# 494949”-nek lennie, bármilyen más színt is használhat.
Változtassuk meg a kódunkat, és változtassuk meg a html háttérszínét.
Az oldalam tartalma.
Weboldalkészítés leckéken megyek keresztül.
Most lássuk, mi történt> változtass
