Mayroong dalawang uri ng layout ng site: tabular at block. At habang ang nauna ay mas maginhawa para sa paglikha ng mga simpleng pahina ng html, ang huli ay mainam kung kailangan mong magdagdag ng mga indibidwal na elemento sa anyo ng mga bloke.
Panuto
Hakbang 1
Mayroong dalawang mga diskarte na magpapahintulot sa iyo na bumuo ng isang disenyo ng block sa iyong sarili: sa pamamagitan ng pag-embed ng mga sheet ng style na cascading sa isang dokumento, o sa pamamagitan ng pagkonekta sa mga ito mula sa isang panlabas na mapagkukunan. Parehong nagbibigay ng parehong resulta, kaya walang pangunahing pagkakaiba sa pagitan nila. Sa unang kaso, i-paste ang sumusunod na code saanman sa style.css file:
.block1 {
}
Block1 - ang pangalan ng bloke, maaari kang magsulat ng iba pa. Sa pagitan ng mga kulot na tirante, tukuyin ang mga parameter sa sumusunod na format: pangalan ng katangian> colon> halaga> semicolon (kasama ang nakalagay bago ang curly brace). Ang mga sumusunod na elemento ay karaniwang ginagamit:
- lapad - lapad (500px, 100%, atbp.);
- taas - taas (200px, 25%, atbp.);
- background - kulay ng background (Dilaw, Pula, # 000000);
- padding - padding sa paligid ng nilalaman sa loob ng bloke (0px, 20%);
- margin - panlabas na mga margin mula sa bloke (15px, 40%);
- border - frame (border: solid 0px black;);
- float - pagkakahanay (kaliwa, kanan);
- border-radius - pag-ikot ng mga sulok (border-radius: 10px;).
Hakbang 2
Sa pangalawang paggamit ng CSS, idagdag ang istilo sa pagitan ng mga at tag:
.block1 {
}
At idagdag ang mga parameter na gusto mo.
Hakbang 3
Ipasok ang bloke sa nais na lugar sa site gamit ang utos:
I-block ang 1
I-save at i-refresh ang pahina, dapat itong lumitaw. Tandaan na ang pagkakahanay sa taas ay maaaring mag-iba depende sa kung gaano kabuo ang nilalaman. Halimbawa, kung magtakda ka ng 300px, ngunit nagsulat lamang ng isang linya ng teksto, hindi ito ipapakita nang buo. Maaari itong maitama, halimbawa, gamit ang isang talahanayan na may mga kinakailangang parameter, na dapat ilagay sa loob ng bloke, ibig sabihin sa pagitan ng mga tag at. At upang ang mga hangganan ay hindi nakikita, ipasok ang katangian
