ሁለት ዓይነቶች የጣቢያ አቀማመጥ አሉ-ሰንጠረዥ እና አግድ ፡፡ እና ቀላል ቀላል የ html ገጾችን ለመፍጠር የበለጠ አመቺ ቢሆንም ፣ በብሎኮች መልክ የግለሰቦችን አካላት ማከል ከፈለጉ ሁለተኛው ተስማሚ ነው።
መመሪያዎች
ደረጃ 1
የቅጥ ሉሆችን ወደ ሰነድ ውስጥ በማስገባት ወይም ከውጭ ሀብቶች ጋር በማገናኘት የብሎክ ዲዛይንን እራስዎ እንዲያዳብሩ የሚያስችሉዎ ሁለት ቴክኒኮች አሉ ፡፡ ሁለቱም ተመሳሳይ ውጤት ይሰጣሉ ፣ ስለሆነም በመካከላቸው መሠረታዊ ልዩነት የለም ፡፡ በመጀመሪያው ሁኔታ የሚከተለውን ኮድ በየትኛውም ቦታ በ style.css ፋይል ውስጥ ይለጥፉ
. ብሎክ 1 {
}
Block1 - የማገጃው ስም ፣ ሌላ ማንኛውንም መጻፍ ይችላሉ። በመጠምዘዣ ማሰሪያዎች መካከል ግቤቶችን በሚከተለው ቅርጸት ይጥቀሱ-የባህሪ ስም> ኮሎን> እሴት> ሰሚኮሎን (ከማዞሪያው ማሰሪያ በፊት የተቀመጠውን ጨምሮ) ፡፡ የሚከተሉት አካላት በተለምዶ ጥቅም ላይ ይውላሉ
- ስፋት - ስፋት (500 ፒክስል ፣ 100% ፣ ወዘተ);
- ቁመት - ቁመት (200 ፒክስል ፣ 25% ፣ ወዘተ);
- ዳራ - የጀርባ ቀለም (ቢጫ ፣ ቀይ ፣ # 000000);
- መቅጃ - በማገጃው ውስጥ ባለው ይዘት ዙሪያ መቅዳት (0 ፒክስል ፣ 20%);
- ህዳግ - ከውጭ ህዳጎች ከእገዳው (15 ፒክስል ፣ 40%);
- ድንበር - ክፈፍ (ድንበር ጠንካራ 0px ጥቁር;);
- ተንሳፋፊ - አሰላለፍ (ግራ ፣ ቀኝ);
- ድንበር-ራዲየስ - የማዕዘኖች ክብ (ድንበር-ራዲየስ 10 ፒክስል) ፡፡
ደረጃ 2
በሁለተኛ ደረጃ የሲ.ኤስ.ኤስ. አጠቃቀም ላይ በመለያዎቹ እና በመለያዎቹ መካከል ያለውን ቅጥ ያክሉ
. ብሎክ 1 {
}
እና የሚፈልጉትን መለኪያዎች ያክሉ።
ደረጃ 3
ትዕዛዙን በመጠቀም ጣቢያው ላይ በሚፈለገው ቦታ ላይ ማገጃውን ያስገቡ-
አግድ 1
ገጹን ያስቀምጡ እና ያድሱ ፣ መታየት አለበት። የከፍታ አሰላለፍ ይዘቱ ምን ያህል እንደሞላው ሊለያይ እንደሚችል ያስታውሱ ፡፡ ለምሳሌ ፣ 300 ፒክስል ካዘጋጁ ግን አንድ የጽሑፍ መስመር ብቻ ከፃፉ ሙሉ በሙሉ አይታይም ፡፡ ይህ ሊስተካከል ይችላል ፣ ለምሳሌ ፣ የሚፈለጉትን መለኪያዎች የያዘ ጠረጴዛ በመጠቀም ፣ ይህም በማገጃው ውስጥ መቀመጥ አለበት ፣ ማለትም። በመለያዎች መካከል እና. እና ድንበሮቹ እንዳይታዩ ፣ አይነታውን ያስገቡ