Таны CSS кодод тайлбар оруулах нь ашигтай бөгөөд маш их зөвлөдөг.
Вэбсайт бүр бүтцийн элементүүдээс бүтсэн (HTML-ээр илэрхийлэгддэг), түүнчлэн харааны хэлбэр эсвэл "сайтар харах" мэдрэмжтэй байдаг. Cascading Style Sheets (CSS) нь вебсайтын харагдах байдлыг тодруулахад хэрэглэгддэг зүйл юм. Эдгээр загвар нь вэбийн стандартыг шинэчлэх, дагаж мөрдөх боломжийг хялбар болгох үүднээс HTML бүтцээс тусдаа хадгалагддаг.
Өнөөдөр олон вэбсайтуудын нарийн төвөгтэй байдлын цар хүрээтэй загварын хуудсууд хурдан ажиллахад маш их хугацаа шаарддаг. Энэ нь ялангуяа та мессежийн вэбсайтын хэв маягийн хувьд мессежийн асуулгад нэмж оруулахад ялангуяа үнэн юм. Эдгээр мессежүүд дангаараа CSS-ийн баримт бичигт ихээхэн хэмжээний шинэ хэв маягийг нэмж, ажиллахад илүү хэцүү болгодог. Энэ нь вэбсайтад CSS сэтгэгдэл үнэ цэнэтэй туслалцаа болж болох юм.
Вэбсайтын CSS файлд санал сэтгэгдэл нэмэх нь баримт бичгийг хянаж байгаа хүний уншигчдад зориулсан кодын хэсгүүдэд бүтцийг нэмэх гайхалтай арга юм. Энэ нь мөн ирээдүйд сайт дээр ажиллах шаардлагатай байж болох веб-профессорын загварыг тайлбарлах гайхалтай арга юм.
Эцэст нь CSS-ийн сэтгэгдлийг нэмж бичихэд хэв маяг хуудас боловсруулахад хялбар болгоно. Энэ нь үнэхээр багийн хэвлэмэл хуудасны хэв маягт чухал ач холбогдолтой юм. Сэтгэгдлийн хуудасны чухал талуудыг кодын талаар мэдлэгтэй байж болох багийн гишүүддээ тайлбар өгөхөд ашиглах боломжтой. Эдгээр сэтгэгдлүүд нь тухайн сайт дээр ажиллаж байсан хүмүүсийн хувьд энэ нь кодоосоо буцаж ирдэг бол өмнө нь ажиллаж байсан хүмүүст маш тустай байж болох юм. Би хэдэн сар эсвэл хэдэн жилийн өмнө барьсан вэбсайтыг засах хэрэгтэй байсан бөгөөд HTML болон CSS-д сайн форматтай санал орсон бол маш их хэмжээний тусламжийг авна! Та сайт барьж байсан учраас та ирээдүйд энэ сайт руу буцаж очих үед хийсэн зүйлсээ яагаад хийснийг та санах болно гэсэн үг биш гэдгийг санаарай! Сэтгэгдэлүүд нь таны санаа бодлыг тодорхой болгож, өмнө нь тохиолдсон аливаа буруу ойлголтыг арилгаж чадна.
CSS-ийн тайлбарыг ойлгох нэг зүйл бол вэб хуудсанд вэб хөтчүүдэд үзүүлэх үед харагдахгүй байх явдал юм. Эдгээр тайлбарууд нь зөвхөн HTML коммандуудтай адилхан (гэхдээ синтакс нь хоёрын хооронд ялгаатай байдаг) зөвхөн мэдээлэлтэй байна. Эдгээр CSS сэтгэгдэл нь сайтын харагдах дэлгэцэнд ямар ч байдлаар нөлөөлөхгүй бөгөөд кодыг өөрөө харуулдаг.
CSS сэтгэгдэл нэмэх
CSS сэтгэгдэл нэмэх нь маш амархан. Та зүгээр л нээх, хаах тайлбар коммандыг өөрийн тайлбарыг нээх:
- Өөрийн саналыг / * нэмэх
- * /
Эдгээр хоёр тэмдэглэгээний хоорондох бүх зүйл нь зөвхөн коммандын агуулгаар илэрхийлэгдэх бөгөөд хөтөчөөр тайлбарлагдахгүй болно.
CSS сэтгэгдэл нь нэг мөр байж болох юм, эсвэл олон мөрийг авч чадна. Энд нэг мөр жишээ байна:
div # border_red {border: thin solid red; } / * улаан хилийн жишээ * /Мөн олон жишээ:
/ *************************** ********************** ****** Код текстийн хэв маяг **************************** ************ *************** /Хэсэг таслах
Би CSS-ийн сэтгэгдэлийг байнга ашигладаг нэг арга бол хэв маягийн хуудсыг жижиг, илүү хялбараар хуваах хэсгүүдийг зохион байгуулах явдал юм. Би дараа нь файлыг судалж байхдаа эдгээр хэсгүүдийг амархан харах боломжтой байна. Үүнийг хийхийн тулд би олон тооны тэмдгүүдтэй саналаа нэмдэг. Ингэснээр кодыг хурдан гүйлгэн харахад хялбар, хялбархан хуудсуудад том хэмжээний эвдрэл гарах болно. Жишээ нь:
/ * ----------------------- Толгойн хэлбэрүүд ----------------------- ------- * /Би эдгээр саналуудын аль нэгийг өөрийн кодод харах үед энэ баримт бичгийн шинэ хэсэг эхэлснийг би мэдэж байгаа бөгөөд ингэснээр кодыг илүү хялбар боловсруулж ашиглах боломжийг олгодог.
& # 34; Гарах нь & # 34; Код
Сэтгэгдлийн тэмдэглэгээ нь кодлох бодит явц, хуудсыг дибаг хийхэд ашигтай байж болно. Хэрвээ тухайн хуудас нь хуудасны хэсэг биш бол юу болохыг харахын тулд тухайн кодын хэсгүүдийн "санал сэтгэгдэл" эсвэл "унтраа" гэсэн тайлбарыг ашиглаж болно.
Тэгвэл яаж ажилладаг вэ? За, коммандын тэмдэглэл нь тэдгээрийн хоорондын бүх зүйлийг үл тоомсорлож байгааг тайлбарладаг учраас та CSS кодын зарим хэсгийг түр зуур хаахын тулд үүнийг ашиглаж болно. Энэ нь дибаг хийхэд эсвэл вэб хуудсын форматыг тохируулахад хэрэглэхэд хялбар байж болох юм.
Үүнийг хийхийн тулд та кодыг эхлүүлэх хүсэлгүй байгаа нээх комментын хаягийг нэмж, тахир дутуу хэсгийг дуусгахыг хүсч байгаа хаягийн төгсгөлд байршуулна. Эдгээр шошгоны хоорондох бүх зүйл нь сайтын харагдах байдалд нөлөөлөхгүй бөгөөд та CSS-ийг дибаг хийхэд асуудал гарч болзошгүйг харах боломжтой болно. Дараа нь та энэ асуудлыг шийдэж засаад кодын тайлбарыг хасаж болно.
CSS сэтгэгдэл зөвлөмжүүд
Дансаа ашиглахын тулд CSS-д сэтгэгдэл бичихэд зориулсан зарим сануулга энд байна:
- Сэтгэгдэл олон мөрийг хамарч чадна.
- Сэтгэгдэл нь браузераар дамжуулан үзүүлэхийг хүсэхгүй байгаа CSS элементүүдийг агуулсан байж болно, гэхдээ бүрэн устгахыг хүсэхгүй байна. Энэ бол веб хуудасны загварын хуудсыг дибаг хийх сайхан арга юм - ашиглаагүй хэв маягийг устгахын тулд (хэрэв та үүнийг вэбсайт дээр ашиглах шаардлагагүй гэж үзвэл)
- Тодруулга нэмэхийн тулд төвөгтэй CSS бичиж байх үедээ санал сэтгэгдэл бичих, ирээдүйн хөгжүүлэгчдэд, эсвэл мэдэх ёстой чухал зүйлсийн талаар ирээдүйд тайлбарлах хэрэгтэй. Энэ нь бүх оролцогчдын ирээдүйн хөгжлийн хугацааг хэмнэх болно.
- Тайлбарууд нь мета-ийн мэдээллийг агуулж болно:
- зохиогч
- огноо үүсгэсэн
- зохиогчийн эрхийн мэдээлэл
Гүйцэтгэл
Тайлбар нь мэдээжийн хэрэг байж болох ч, хэрэв та хэв маяг хуудсан дээр нэмсэн сэтгэгдэл илүү их байвал сайтыг татаж авах хурд, гүйцэтгэлд нөлөөлөх болно. Энэ нь үнэхээр санаа зовоосон асуудал боловч гүйцэтгэл нь зовж байгаа гэдгээс айж эмзэглэлтэй, хууль ёсны сэтгэгдлийг нэмэх шаардлагагүй. CSS-ийн мөрүүд нь баримт бичигт үлэмж хэмжээгээр нэмэгдэхгүй. CSS-ийн хэмжээтэй файлд чухал нөлөө үзүүлэхийн тулд TONS-ийн холбоосуудыг нэмэх хэрэгтэй болно. CSS-д бага зэрэг ашигтай сэтгэгдэл нэмэх нь хуудасны хурданд сөрөг нөлөө үзүүлэхгүй.
Эцэст нь, та өөрийн CSS баримт бичигт хоёулангийнх нь ашиг тусыг хүртэхэд туслах сэтгэгдэл болон хэт олон саналуудын тэнцвэрийг олохыг хүсч байна.
Женнифер Кэрнин эх нийтлэл. 7/5/17 дээр Жереми Герард засварлав