Ginagamit ang mga sheet ng style na cascading upang mai-format ang nilalaman ng isang pahina ng HTML. Alinsunod dito, ang lahat ng mga utos na ginamit sa CSS ay naglalayong i-edit ang hitsura ng anumang mga elemento ng isang dokumento na HTML.
Kailangan iyon
Isang computer na may koneksyon sa internet
Panuto
Hakbang 1
Basahin ang tungkol sa kung paano ginagamit ang mga sheet ng style na cascading. Ang pag-format ng teksto ang pinakakaraniwang ginagamit na tampok ng mga sheet ng style na cascading. Ang anumang dokumento sa HTML ay naglalaman ng isang malaking halaga ng impormasyong pangkonteksto sa iba't ibang bahagi nito. Sa parehong oras, ang bawat bahagi ng pahina ay dapat magkaroon ng sariling format at font: bahagi ng teksto ang teksto ng menu, ang isa pa ay ang pamagat, ang pangatlo ay ang pangunahing teksto ng pahina, atbp. Upang mai-format ang impormasyon sa teksto, ginagamit ang mga utos upang baguhin ang pangalan ng font, laki, bigat, atbp.
Hakbang 2
Kaya, una sa lahat, pansinin ang parameter ng estilo ng font-pamilya. Pinapayagan ka ng katangiang ito na magtakda ng isang tukoy na font para sa tag na ito. Ang pangalan ng font ay nakasulat pagkatapos ng ":" sign. Ginamit ang katangiang istilo ng laki ng font upang maitakda ang laki ng teksto na nilalaman sa tag. Ang halaga ng laki ay nakasulat din pagkatapos ng ":" sign at ipinahiwatig sa mga pixel, halimbawa, "font-size: 20px".
Hakbang 3
Tandaan na ang mga parameter ng istilo ay maaaring pagsamahin at maisulat nang magkasama gamit ang tanda na ";". Kapaki-pakinabang ito kung kailangan mong magtakda ng maraming mga parameter para sa isang tag.
Hakbang 4
Gamitin ang kulay ng katangian ng istilo upang mabago ang kulay ng teksto. Ang pangalan ng kulay ay nakasulat sa karaniwang paraan: berde, asul, pula, atbp. Mayroon din itong kakayahang itakda ang kulay ng hindi lamang ang teksto mismo, kundi pati na rin ang kulay ng background. Para sa hangaring ito, ginagamit ang katangian ng kulay sa background, kung saan pagkatapos ay dapat ding ipahiwatig ang napiling kulay. Kung nais mong gumamit ng isang imahe, hindi isang punan, bilang isang background sa lugar ng tag na ito, pagkatapos ay sumangguni sa parameter ng istilo ng background-image, na tumutukoy pagkatapos nito ng pinagmulan ng imahe.
Hakbang 5
Pamilyar sa isang bilang ng mga katangian ng istilo na nagtatakda ng mga parameter ng mga elemento ng pahina, na, una sa lahat, ay nagsasama ng padding, hangganan, float, posisyon.
Hakbang 6
Gamitin ang parameter ng padding upang maitakda ang dami ng margin na nakasalalay sa ibinigay na tag. Sa kasong ito, ang halagang ito ay binibilang mula sa bawat panig. Tukuyin ang katangian ng hangganan upang mabuo ang hangganan ng patlang na ito. Matapos ang colon, ang lapad ng hangganan ay nakasulat sa mga pixel. Papayagan ng float na pag-aari ang isang elemento sa iyong pahina upang lumutang sa kanan o kaliwa. Kaugnay nito, ang mga kwalipikadong parameter ng pag-aari na ito ay pakaliwa o pakanan.
Hakbang 7
Kung kailangan mong tiyak na iposisyon ang isang bagay sa dokumento, gamitin ang posisyon ng pag-aari. Nahahanap nito ang elemento ng pahina sa isang ganap na paraan, tulad ng "posisyon: absolute; ilalim: 50px; kanan: 10px;", o sa isang kaugnay na paraan, batay sa distansya mula sa mga gilid ng pahina.
