CSS

Zithunzi Zosasintha

CSS ndiye chidule cha Zithunzi Zosasintha.

Kodi Zithunzi Zosasintha?

Chida champhamvu cha opanga mawebusayiti ndi opanga, kuwalola kuwongolera mawonekedwe ndi masanjidwe amasamba angapo nthawi imodzi. Itha kugwiritsidwa ntchito m'njira zitatu: pamzere, pamutu (zamkati), komanso ngati fayilo yolumikizidwa (yakunja). Njira iliyonse ili ndi vuto lake komanso ubwino wake.

Pakati pa CSS

Njirayi imaphatikizapo kuyika malamulo a CSS mwachindunji mkati mwa chinthu cha HTML, pogwiritsa ntchito "mawonekedwe". Chigawo chilichonse cha HTML chikhoza kukhala ndi mawonekedwe akeake, okhala ndi chiwerengero chilichonse cha CSS.

  • Kagwiritsidwe:
<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>
  • ubwino: Ndizothandiza pakusintha masitayelo mwachangu, pang'ono komanso kuyesa.
  • kuipa: Popeza masitayelo amagwiritsiridwa ntchito payekhapayekha ku zinthu, njira iyi ndiyosakwanira pokonza zikalata zazikulu. Imasokonezanso ma code a HTML ndipo siyenera kukhala ndi makongoletsedwe osasinthika pazinthu zosiyanasiyana kapena masamba.

CSS yamkati

Apa, malamulo a CSS amayikidwa mkati mwa a <style> tag m'chigawo chamutu cha chikalata cha HTML. Njirayi imagwiritsidwa ntchito kutanthauzira masitayelo atsamba limodzi.

  • Kagwiritsidwe:
<head>
   <style>
      p { color: blue; font-size: 14px; } 
   </style>
</head>
  • ubwino: Zothandiza pamasitayelo omwe ali apadera patsamba limodzi. Imasunga HTML ndi CSS mu fayilo imodzi, yomwe ingakhale yosavuta kuyang'anira mapulojekiti ang'onoang'ono kapena zolemba za tsamba limodzi.
  • kuipa: Monga momwe zilili ndi CSS yapakati, sizothandiza kupanga masitayelo masamba angapo, ndipo zimatha kupanga zolemba za HTML kukhala zovuta ngati pali CSS yambiri.

CSS Yakunja

Iyi ndi njira yodziwika komanso yovomerezeka yophatikizira CSS. Malamulo a CSS amaikidwa mu fayilo yosiyana (ndi .css extension) ndipo amagwirizanitsidwa ndi chikalata cha HTML pogwiritsa ntchito

<link> chinthu mu mutu gawo.

  • Kagwiritsidwe:
<head>
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>
  • ubwino: Imalimbikitsa HTML yoyera komanso yokonzedwa bwino. Masitayelo amatha kugwiritsidwanso ntchito m'masamba angapo, kupangitsa kukonza ndikusintha mawonekedwe a tsambalo komanso kumva kosavuta. Imalolezanso kutsitsa tsamba mwachangu tsamba loyamba litafika, popeza msakatuli amasunga fayilo ya CSS.
  • kuipa: Kutsegula kwatsamba koyambirira kungatenge nthawi yayitali, popeza msakatuli ayenera kutsitsa fayilo ya CSS.

Kusankha kwa kukhazikitsa kwa CSS kumatha kukhudza momwe tsamba lawebusayiti likuyendera, kukonza, komanso luso la ogwiritsa ntchito. Kugwiritsa ntchito bwino kwa CSS, makamaka masitayelo akunja, kumatha kupanga chithunzi chofananira, kuwongolera nthawi yotsitsa, komanso kukulitsa chidwi cha tsambalo kwa omwe angakhale makasitomala.

  • Zotsatira: CSS

Ma Acronyms owonjezera a CSS

  • CSS - Ntchito Yofananira Yogula
Bwererani pamwamba
Close

Adblock yapezeka

Martech Zone imatha kukupatsirani izi popanda mtengo chifukwa timapanga ndalama patsamba lathu kudzera muzotsatsa, maulalo ogwirizana, komanso kuthandizira. Tingayamikire ngati mungachotse choletsa ad mukamawona tsamba lathu.