HTML és CSS honlap létrehozása

Bevezetés CSS a HTML dokumentumban.

1. fejezet

Ez a fejezet megvitatja, hogyan kell bevezetni a CSS-t egy HTML-dokumentumba, vagyis az elem stílusának leírása közvetlenül az elemhez, amely vagy HTML-címke.

Ezt a feladatot háromféleképpen végezheti:

• Írjon stilisztikai leírást közvetlenül az elemben. Ez a módszer csak akkor jó, ha egy ilyen elem egyetlen HTML dokumentumban van, amely külön stílusleírásra van szüksége.
• Írjon stilisztikai leírást minden azonos elemre HTML dokumentumhoz. Ez a módszer igazolja magát, ha az oldalstílus alapvetően különbözik a webhely általános kialakításától (egymással összefüggő oldalak csoportjai).
• Vegye ki a HTML elemek stilizált leírását egy külön CSS fájlban. Ez lehetővé teszi, hogy kezelje az egész webhely teljes webhelyének kialakítását, a webhely minden oldalát, amelyben a CSS-fájlba való fellebbezés. Ez a módszer a Cascading Styles asztalának leghatékonyabb használata.

Tekintsük meg minden egyes lehetőséget részletesebben, és ugyanakkor megismerjük a CSS írásban Szintaktikai szabályok.

Attribútum stílus.

Majdnem minden HTML-címke rendelkezik egy attribútummal, amely azt sugallja, hogy ez a címke egy bizonyos stílusleírást alkalmaz.

Írta, mint ez:

Mindez az attribútum idézetek között íródott, és ez az elem stilisztikai leírása lesz, ebben az esetben az elem esetében

Nos, például:

Ebben az esetben azt jeleztük, hogy ezt a bekezdés piros színnel kell megjeleníteni, és a betűméret 12 képpont. A későbbi fejezetekben részletesen elmondom neked, hogy mit írtak az idézőjelekben, most arról beszélünk, hogy hogyan kell alkalmazni a CSS bármilyen HTML-címkét.

Ugyanezen elv szerint szinte minden HTML elemhez megadhat egy egyedi stílust.

Példa:

A példa megtekintése

De ismét megismétlem, hogy a CSS megvalósításának módja jó, ha egy bizonyos stílust szeretne beállítani egy kis számú HTML elemre.

Tag stílus

Annak érdekében, hogy leírják a szükséges elemeket egyidejűleg az egész oldalt a HTML fejlécében a dokumentumot, a címke van ágyazva (nem összetévesztendő az attribútum az azonos nevű), amelyekben az elemek szükségünk.

Vessen egy pillantást az alábbi példára, hogy az alábbi megjegyzések lesznek.

A példa megtekintése

Amint azt a példa alapján láthatjuk, pontosan ugyanazt az eredményt értük el, hogy az első esetben csak most nem írjuk fel az egyes elemek stílusát egyénileg, hanem a dokumentum “fejébe”, ezáltal jelezve, hogy az összes címsor – kék és bekezdések lesznek – piros. Képzelje el, hogyan segítenénk munkánkat, hogy van-e száz ilyen bekezdés oldalán és tizenöt fejlécben, és a dokumentum maga is kevesebbet mérlegelni kezdett az egyes elemek minden ismétlődő stílusának leírásainak “eltávolítása” miatt.

Most megígérte megjegyzéseit:

A címkét a címkék között a HTML dokumentum fejlécében hajtják végre .

TAG attribútum – megmondja a böngészőnek, amely szintaxisot használ a stílusok megfelelő értelmezéséhez. A CSS böngészők értékének helyes értelmezéséhez (MIME adattípus) egyenlőnek kell lennie .

A címkén belül egy közvetlen HTML-elemek deklarálása a következő szintaxis szerint:

Ha a stílusnyilatkozat egységben az elem több tulajdonsága van megadva, akkor azokat elválasztják maguk között vesszőponttal.

CSS külön külső fájlban.

Függetlenül attól, hogy röviden megközelíthettük a főt, véleményem szerint a CSS méltóságát, és lehetőség van arra, hogy a webhely kialakításával kapcsolatos összes információt külön külső fájlban.

Tehát nyisson meg egy notebookot (vagy más szerkesztőt), és írja be a következő szöveget:

Arról, hogy milyen furcsa, írtunk, megpróbálom részletesen elmondani a tankönyv következő fejezeteiben.

Ezután mentse el ezt a kis fájlt kiterjesztéssel *.CSS (Általában a fájl stílusú Hab).

Minden! Fájl stílusleírással létrehozott! Most nagyon kissé marad, de arra kényszeríti webhelyünk szükséges oldalait, hogy adjon információt a fájlból.

Ez a címkével történik (kapcsolat). Többcélú címke, és “kötődik” egy HTML-dokumentumot, amelynek további külső fájljaival rendelkezik. A címke egyfajta hivatkozás, amelyet csak a felhasználóknak terveztek, de a keresztirányú programok (böngészők). Mivel kizárólag szolgáltatási információkat hordoz, a címkék között a HTML-dokumentum fejlécében található, és nem jelenik meg a képernyőn megjelenő böngészők.

A címke attribútumokkal rendelkezik:

– A fájl elérési útja.
– Meghatározza az aktuális dokumentum és a hivatkozott fájl közötti kapcsolatot.

• – Meghatározza, hogy a plug-in ikon.
• – Meghatározza, hogy a plug-in tartalmazza a stílus asztalt.
• – Fájl XML formátumban, hogy leírja a hírcsatornát.

– MIME Data Type Plug-in.

Mivel csatlakozni kaszkád stílus táblázatot egy külső fájl, a szolgáltatást a linket megszerzi a következő formában:

Megismétlem, hogy pontosan eloszlatom a félreértést. Attribútum hozzárendelje az értéket, amint külső fájlként csatlakoztassa a Cascading Style Slapot, adja meg a CSS-fájl elérési útját (ebben a példában a fájlt hívják Hab és a hazugság mellett a HTML dokumentum, amelyben ezt a linket is előírják) is jelzik, hogy ez a fájl szöveges és tartalmaz egy stilisztikai leírás

Most helyezze be ezt a sort a weboldalunk oldalainak fejlécében, és élvezze az eredményt..

Példa:

Hab fájl

Hab fájl

Hab fájl

Hab fájl

A példa megtekintése

A fenti példában az “az elefántok helyszíne”, jelenleg három oldal van, amelyek mindegyike egy ilyen külső CSS-fájlhoz kapcsolódik – Hab Ilyen, jelentősen “kirakodott”, és megterveztünk A teljes webhely “Mobile”. Képzeld el, hogy mennyi kilobyte nyertünk, legyen ezen az oldalon száz teljes oldal!? És mennyi időt váltottak volna meg, ha meg kellett változtatnunk semmit a tervezésben!?

Hogyan lehet hozzárendelni az azonos elemek egy csoportját, amely különbözik az elem fő stílusától, külön elemet készíthet, olvassa el a fejezetosztályokat és az azonosítókat.

Hasznos tippek:

Ebben a fejezetben három módot vizsgáltunk a CSS HTML-dokumentumban való megvalósítására. Milyen jobb használni?

• Használja az attribútumot bármely elemhez, ha ez az elem más elemektől eltérő, egyetlen az egész oldalon.
• Használjon egy címkét egy stílusleírással, ha az oldalnak egyedi kialakításúnak kell lennie a helyszínen kívüli gyökerekben.
• A legtöbb esetben ésszerű, hogy egy Cascade stílusú stílusokat készítsen egy külön CSS fájlban.