Defnyddiwch span a div gyda CSS ar gyfer mwy o arddull a rheolaeth gosodiad.
Mae llawer o bobl sy'n newydd i ddylunio gwe a HTML / CSS yn defnyddio'r elfennau ac Mae'r elfen div yn diffinio adrannau rhesymegol ar eich tudalen we. Yn y bôn, mae yna flwch lle gallwch chi osod elfennau HTML eraill sy'n mynd yn rhesymegol gyda'i gilydd. Gall adran gael sawl elfen arall ynddo, fel paragraffau, penawdau, rhestrau, cysylltiadau, delweddau, ac ati. Gall hyd yn oed gael adrannau eraill y tu mewn i ddarparu strwythur a threfniadaeth ychwanegol i'ch dogfen HTML. I ddefnyddio'r elfen div, gosod tag cynnwys div Os oes angen rhywfaint o wybodaeth ychwanegol ar ardal eich tudalen y byddwch yn ei ddefnyddio i arddull CSS yn nes ymlaen, gallwch ychwanegu dewiswr id (ee, id = "myDiv">), neu ddetholwr dosbarth (ee, class = "bigDiv">). Yna gellir dewis y ddau o'r nodweddion hyn trwy ddefnyddio CSS neu eu haddasu gan ddefnyddio JavaScript. Mae'r arferion gorau cyfredol yn parhau i ddefnyddio detholwyr dosbarth yn lle IDau, yn rhannol oherwydd pa ddetholyddion ID penodol. Mewn gwirionedd, fodd bynnag, gallech chi ddefnyddio'r naill neu'r llall a hyd yn oed roi is-adran ID a dewiswr dosbarth. Pryd i Ddefnyddio Mae'r elfen div yn wahanol i'r elfen adran HTML5 gan nad yw'n rhoi ystyr semantig i'r cynnwys amgaeedig. Os nad ydych yn siŵr a ddylai'r bloc cynnwys fod yn div neu adran, meddyliwch am beth yw pwrpas yr elfen a'r cynnwys i'ch helpu i benderfynu beth i'w ddefnyddio: Yn y pen draw, mae'r ddau ddosbarth a'r adran yn ymddwyn yn eithaf tebyg a gallwch roi naill ai gwerthoedd priodoldeb i'r naill a'r llall a'u harddangos ag CSS i edrych ar eich gwefan sydd ei angen arnoch. Mae'r ddau ohonynt yn elfennau lefel bloc. Mae'r elfen rhychwant yn elfen fewnol yn ôl y ddiffyg. Mae hyn yn ei osod ar wahân i'r elfennau div ac adran. Defnyddir yr elfen rhychwant yn aml i lapio darn penodol o gynnwys, fel arfer testun, i roi "bachyn" ychwanegol iddo y gellir ei styled yn nes ymlaen. Fe'i defnyddir gyda CSS, gall newid arddull y testun y mae'n ei amgáu; Fodd bynnag, heb unrhyw nodweddion arddull, nid yw'r elfen rhychwant yn unig yn cael unrhyw effaith ar destun o gwbl. Dyma'r prif wahaniaeth rhwng elfennau'r rhychwant a'r div. Fel y crybwyllwyd uchod, mae'r elfen div yn cynnwys toriad paragraff, tra bod yr elfen rhychwant yn dweud wrth y porwr i gymhwyso rheolau arddull CSS cysylltiedig i'r hyn a amgaeir gan y tagiau : Testun amlygu a thestun heb ei amlygu Ychwanegwch y dosbarth = "tynnu sylw" neu ddosbarth arall i'r elfen rhychwant i arddull y testun gyda CSS (ee, class = "highlight">). Nid oes gan yr elfen rhychwant unrhyw nodweddion angenrheidiol, ond mae'r tri sy'n fwyaf defnyddiol yr un fath â rhai'r elfen div: Defnyddiwch rychwant pan fyddwch am newid arddull y cynnwys heb ddiffinio'r cynnwys hwnnw fel elfen lefel bloc newydd yn y ddogfen. Er enghraifft, os ydych am i'r ail air o bennawd h3 fod yn goch, gallech amgylchynu'r gair hwnnw gydag elfen rhychwant a fyddai'n arddull y gair hwnnw fel testun coch. Mae'r gair yn dal i fod yn rhan o'r elfen h3, ond erbyn hyn mae hefyd yn arddangos mewn coch: Golygwyd gan Jeremy Girard ar 2/2/17 Gan ddefnyddio'r elfen
Defnyddio'r Elfen
Dyma Fy Fhennawd Anhygoel