Օգտագործեք span եւ div հետ CSS- ի ավելի մեծ ոճով եւ դասավորության հսկողության համար:
Շատ մարդիկ, ովքեր նոր են վեբ դիզայնի եւ HTML / CSS- ի միջոցով, օգտագործում են եւ The div տարրը սահմանում է տրամաբանական բաժանմունքները ձեր վեբ էջում: Դա հիմնականում մի արկղ է, որտեղ դուք կարող եք տեղադրել այլ HTML տարրեր, որոնք տրամաբանականորեն միասին են: Բաժանմունքը կարող է ունենալ բազմաթիվ այլ տարրեր, ինչպես պարբերությունները, վերնագրերը, ցուցակները, հղումները, պատկերները եւ այլն: Այն կարող է նույնիսկ ունենալ այլ բաժիններ `ձեր HTML փաստաթղթում լրացուցիչ կառուցվածք եւ կազմակերպություն տրամադրելու համար: Div տարրը օգտագործելու համար բացեք բովանդակությունը div Եթե ձեր էջի տարածքը լրացուցիչ տեղեկություններ է պահանջում, որոնք հետագայում կօգտագործեք CSS- ով ոճով, կարող եք ավելացնել ID ընտրող (օրինակ, id = "myDiv">) կամ դասի ընտրող (օրինակ, class = "bigDiv">): Այդ երկու հատկանիշները կարող են ընտրվել, օգտագործելով CSS կամ օգտագործելով JavaScript- ը: Ներկայիս լավագույն փորձը ձգտում է ID- ների փոխարեն օգտագործել դասային ընտրողներին `մասամբ այն պատճառով, թե կոնկրետ ID ընտրողներն են: Ճիշտ է, սակայն դուք կարող եք օգտագործել մեկին եւ նույնիսկ կարող եք բաժանել ինչպես ID- ն, այնպես էլ դասակարգիչը: Երբ օգտագործեք The div տարրը տարբերվում է HTML5 բաժնի տարրից, քանի որ այն չի տալիս փակված բովանդակությունը որեւէ իմաստական իմաստ: Եթե համոզված չեք, բովանդակության բլոգը պետք է լինի բաժին կամ բաժին, մտածեք այն մասին, թե ինչ տարր եւ բովանդակության նպատակը կօգնեն որոշել, թե որն է օգտագործել: Ի վերջո, երկու divs եւ բաժինները բավականին նման են վարվել, եւ դուք կարող եք տալ նրանց արժեքները եւ ոճը նրանց CSS- ի համար, որպեսզի տեսնեք ձեր կայքի տեսքը: Երկուսն էլ բլոկի մակարդակի տարրեր են: Span- ի տարրը ստեղնային տարր է կանխադրված: Սա սահմանում է այն բացի բաժնի եւ բաժնի տարրերից: The span տարրը հաճախ օգտագործվում է փաթեթավորեք կոնկրետ բովանդակություն, սովորաբար տեքստ, որպեսզի այն լրացուցիչ «կեռ», որը կարող է ավելի հարդարվել: Օգտագործվում է CSS- ով, այն կարող է փոխել տեքստի ոճը: սակայն, առանց որեւէ ոճի ատրիբուտների, միայն կծկված տարրը չի ազդում տեքստի վրա: Սա հիմնական տարբերությունն է span- ի եւ div տարրերի միջեւ: Ինչպես նշվեց վերեւում, div տարրը պարունակում է պարբերության ընդմիջում, իսկ span- ի տարրը միայն զննարկիչին պատմում է CSS- ի հետ կապված համապատասխան կանոնների մասին, որոնք կցվում են tags: Կարծրված տեքստը եւ ոչ կարեւորում տեքստը: Ավելացրեք class = "highlight" կամ այլ դասի կտրոնների տարրին `CSS- ով տեքստը ոգեշնչելու համար (օրինակ, class =" highlight ">): Ծծմբի տարրը չունի պահանջվող հատկանիշներ, սակայն առավելագույնը երեքը նույնն են, ինչպիսին է div տարրը: Օգտագործեք սպա, երբ ուզում եք փոխել բովանդակության ոճը, առանց այդ բովանդակության սահմանման փաստաթղթում որպես նոր բլոկ-մակարդակի տարր : Օրինակ, եթե ցանկանում եք h3- ի երկրորդ բառը կարմիր լինել, կարող եք շրջապատել այդ խոսքը մի գոտի տարրով, որը կարտահայտի այդ բառը որպես կարմիր տեքստ: Բառը դեռեւս h3 բաղադրիչի մաս է կազմում, բայց այժմ նաեւ կարմիր: Խմբագրված Jeremy Girard- ի 2/2/17 թ Օգտագործելով
Օգտագործելով տարրը
Սա իմ Awesome վերնագիրն է