Lo CSS lati Wọle si Iwe-ipilẹ pẹlu Eto Imudara ti o wa titi

Awọn ipilẹ awọn ifilelẹ ti o wa titi le jẹ lile lati wa pẹlu awọn diẹ ninu awọn aṣàwákiri aṣàwákiri jade nibẹ, ṣugbọn o ṣee ṣe, pẹlu awọn ila diẹ ti koodu.

Eyi & Nbsp; Bawo ni

  1. Ṣẹda oju-iwe ayelujara tuntun pẹlu CSS stylesheet ninu olootu HTML rẹ.
  2. Ṣẹda ẹda ipin kan bi ifilelẹ akọkọ lori oju-iwe ti iwọ yoo fipamọ ohun gbogbo lori oju-iwe naa.
  3. Fi ID ID kan ti o jẹ oto lori iwe naa.
  4. Ṣii rẹ CSS ara dì ki o si ṣeto awọn iwọn ti rẹ div element. div # main {width: 750px; }
  5. Fi awọn alafọwọdọwọ agbegbe kun lati ṣe akọsilẹ rẹ. div # main {width: 750px; ala-osi: auto; ala-ọtun: auto}
  6. Lati ṣe atunṣe fun Netscape 4, ati IE 4 - 6 ( ipo quirks ) fi ọrọ kun-ara lori ara. ara {ọrọ-kikọ: aarin; }
  7. Ṣugbọn lẹhinna gbogbo ọrọ inu wa ni oju-ile, nitorina ṣe atunṣe ọrọ naa ni iyọdaran rẹ nipa fifi ọrọ kun-si: osi; ni nibẹ. div # main {width: 750px; ala-osi: auto; ala-ọtun: auto; ọrọ-align: osi; }
  8. Fipamọ oju-iwe rẹ ati folda ara rẹ.
  9. Idanwo ni ọpọlọpọ awọn aṣàwákiri wẹẹbù.

Tip

Eyi yoo ṣe aarin apoti ifilelẹ ṣugbọn kii ṣe akoonu inu rẹ. Lo awọn ọrọ-kikọ lati ṣe aarin akoonu inu.