Használja a span és div a CSS-t a nagyobb stílus és elrendezés vezérléséhez.
Sokan, akik új web design és HTML / CSS használják a és A div elem meghatározza a logikai felosztást a weboldalán. Alapvetően egy doboz, amelyben más HTML elemeket helyezhet el, amelyek logikusan együtt járnak. A részleg számos más elemet tartalmazhat, például bekezdéseket, címeket, listákat, linkeket, képeket stb. Ha más megosztásokat is tartalmazhat, akkor további struktúrát és szervezetet biztosít a HTML dokumentumhoz. A div elem használatához helyezze el a nyitott a div Ha az oldal területe olyan további információkat igényel, amelyeket a CSS későbbi stílusában kíván használni, adhat hozzá egy id kiválasztót (pl. id = "myDiv">), vagy egy osztályválasztó (pl. class = "bigDiv">). Mindkét attribútumot a CSS használatával választhatja ki, vagy módosíthatja a JavaScript használatával. A jelenlegi legjobb gyakorlatok az osztályazonosító helyett használják az azonosítók helyett, részben az egyedi azonosító-kiválasztók miatt. Igazság szerint azonban mindkettőt használhatsz, és akár egy azonosítót és egy osztályválasztót is megadhatsz. A A div elem eltér a HTML5 szakaszelemtől, mivel semmi sematikus jelentést nem ad a zárt tartalomnak. Ha nem biztos benne, hogy a tartalomblokk legyen div vagy egy szakasz, akkor fontolja meg, hogy az elem és a tartalom célja hogyan határozhatja meg, hogy melyiket használja: Végső soron mind a divok, mind a szakaszok nagyon hasonlóan viselkednek, és mindegyikük attribútumértékeket adhat, és stílusát CSS segítségével meg tudja adni, hogy megkapja a webhelyének megjelenését. Mindkettő blokkszintű elem. A span elem alapértelmezés szerint egy inline elem. Ez különbözteti meg a div és a szakasz elemeitől. A span elemet gyakran használják egy meghatározott tartalom, általában szöveges szövegek beillesztésére, hogy ez egy további "horog" legyen, amelyet később meg lehet tervezni. A CSS használatával megváltoztathatja az általa bezárt szöveg stílusát; bár a stílus attribútumok nélkül a span elem önmagában nincs hatással a szövegre. Ez a fő különbség a span és a div elemek között. Mint fent említettük, a div elem tartalmaz bekezdésszakaszt, míg a span elem csak azt mondja a böngészőnek, hogy alkalmazza a kapcsolódó CSS-stílust a címkékhez mellékelthez: Kiemelt szöveg és nem kiemelt szöveg. Adja hozzá a class = "highlight" vagy más osztályt a span elemhez, hogy a szöveget CSS-sel (pl. Class = "highlight">) formázza. A span elemnek nincsenek szükséges attribútumai, de a leghasznosabbak közül három ugyanaz, mint a div elem: Használja a körzetet, ha módosítani szeretné a tartalom stílusát anélkül, hogy a tartalmat új blokkszintű elemként fogná a dokumentumban. Például, ha azt szeretné, hogy a h3 cím második szavai pirosak legyenek, akkor a szót egy olyan span elemrel körülvevheti, amely a szót piros szövegként formálja. A szó még mindig a h3 elem része, de most szintén pirosan jelenik meg: Szerkesztette Jeremy Girard, 2/2/17 Az
Az elem használata
Ez az én félelmetes címem