የሲ: ጠረጴዛ ንድፍ. የምዝገባ ምሳሌዎች

ትምህርት ሳቢ እና ኃላፊነት - CSS ጋር ሰንጠረዦች ማድረግ. ለዚህ ንግድ ወደ አቀራረብ ሁሉ በተቻለ ቅጦችን እውቀት ጋር, በብቃት ያስፈልገናል. በተጨማሪም, ይህ ያላቸውን የፈጠራ ጎብኚዎች ማጥፋት ለማስፈራራት አይደለም ሲሉ ውበት ስሜት ይወርሱ ዘንድ አስፈላጊ ነው.

የ ጠረጴዛዎች ከሞላ ጎደል ሁሉንም ነገር ሊለውጡት ይችላሉ. የሚያምር ንድፍ CSS ጠረጴዛዎች ንድፍ ድንበሮችን, ጠረጴዛ ዳራ, ሞባይል ዳራ, በእነርሱ እና ተጨማሪ መካከል ያለውን ክፍተት መጠቀምን ያካትታል. እጅግ መሠረታዊ እንመልከት.

የሠንጠረዥ ክፈፍ

CSS ጠረጴዛ ቅጥ ንድፍ ሁልጊዜ ድንበር (ፍሬም) ጋር አንድ ጨዋታ ያካትታል. ሁሉም ነባሪ ሰንጠረዦች መስመሮች ፍሬም አይደሉም. ነው, ይህም 0 ፒክስል ጋር እኩል ነው. ነገር ግን ይህ ንብረት ድንበር በማድረግ መስተካከል ይችላሉ.

አንተ መላውን ሰንጠረዥ ውጨኛው ፍሬም መጥቀስ ይቻላል:

ሠንጠረዥ {ድንበር: 3px ጥቁር ድፍን; }

ይህ ቅጥ የሚጠቀም በጣቢያው ላይ ሁሉ ጠረጴዛዎች ላይ ይህን መስመር ምስጋና ጥቁር ፍሬም ነው. ማስታወሻ ጠርዝ ላይ ሳይሆን, ጠረጴዛ ውስጥ ያለው ድንበር ብቻ ነው. ሕዋስ መስመሮች እና ፍሬም ለማግኘት አለበለዚያ አልተጠቀሰም.

ኛ, TD {ድንበር: 3px ድፍን ጥቁር;}

ውፍረት እና ቀለም, ማንኛውንም መግለጽ ይችላሉ. ሕዋሶችን ማያያዝ ጊዜ ድንበሮች በእጥፍ አይደለም መሆኑን ልብ ይበሉ.

የሚለው ቃል አንድ ጠንካራ ተከታታይ ምዝገባ ያመለክታል. ሌሎች እሴቶች መግለጽ ይችላሉ.

ይህም ይበልጥ ቆንጆ ይመስላል እንደ በአብዛኛው, ጠንካራ ክፈፍ ጥቅም ላይ ይውላል እና ጣቢያ ዋና ይዘት ከ ትኩረት ትኩረት እንዳይሰጡ አድርጓቸዋል አይደለም.

ድንበር ንብረት በቦርዱ ላይ ደግሞ ሊገለጹ ይችላሉ. ድንበር ብቻ ወደ ግራ ወይም ወደ ቀኝ በኩል; ከላይ, ከታች ሊዘጋጁ ይችላሉ. በአንዳንድ ሁኔታዎች ውስጥ በአንድ ጊዜ መላውን ጠረጴዛ የሚሆን ፍሬም ጋር የማይቻል አማራጭ አይደለም ምክንያቱም.

ሰንጠረዥ {ድንበር-ከላይ: 1px ቀይ ድፍን; }

ስለዚህ እርስዎ ብቻ ሰንጠረዥ አናት የሚሆን ፍሬም ማዘጋጀት ይችላሉ. በተመሳሳይም ሌሎች ወገኖች ይልቅ ብቻ አናት ጻፍ ዘንድ: ቀኝ, ወደ ግራ ወይም ታችኛው.

ሠንጠረዥ ራስጌ

ሠንጠረዥ ራስጌ ያለውን መለያ <መግለጫ> በመጠቀም ሊገለጹ ይችላሉ. ይህ መለያ ጥሩ ተስተካክለው ለ ንብረቶች ብዙ እንዲመዘግብ የሲ ውስጥ ሊሆን ይችላል. ይህ ንጥረ በሚፈልጉት መንገድ ማመቻቸት ይቻላል ምክንያቱም የ CSS ጠረጴዛ ንድፍ ጥሩ ነው.

ይህ መጠሪያ (እንደ «ሠንጠረዥ 1» ያሉ) መጻሕፍት ውስጥ መደበኛ እንደ በተመሳሳይ መንገድ ላይ ይታያል.

የ ርዕስ እና ንብረት መግለጫ-በኩል (ከላይ ወይም ከታች) አካባቢ መግለጽ ይችላሉ. በቀኝ በግራ ትብብሩን ወይም ንብረት ጽሑፍ-align በ የተገለጸ ነው.

የጀርባ ሰንጠረዦች

በሰንጠረዡ ውስጥ የጀርባ ማንኛውንም ቀለም ወይም ስርዓተ ጥለት ሊሆን ይችላል. ቀለም አንድ ንብረት ዳራ-ቀለም ያዘጋጃል. ንግግር ውስጥ አጠቃቀሞች ጋር ሙሉ በሙሉ የሚስማማ ስለ ንብረቶች ስሞች. ይህ ብዙ ጊዜ ማከማቸት ያመቻቻል.

ቀለም ስም, እና የተለያዩ የአፈታት ዘዴዎች እንደ ሊገለጹ ይችላሉ. በተጨማሪም, የሚከተሉትን መጥቀስ ይቻላል:

• ግልጽ - የሚያሳይ.
• ውረሱ - ቀለም ወላጅ አባል መሆኑን ተመሳሳይ ነው.
• የመጀመሪያ - ነባሪ.

ግልፅነት ጋር አማራጭ የሲ ፋይል ውስጥ ያለውን ጽሑፍ ውስጥ በሙሉ ጠረጴዛዎች በአንድ ቀለም ውስጥ ናቸው የት እነዚህ ሁኔታዎች ላይ ጥቅም ላይ ሊውል ይችላል, ነገር ግን በዚህ ጉዳይ ላይ ምንም አስፈላጊ ነው.

በተጨማሪም, የጀርባ ምስል ሊሆን ይችላል. የ ቅጥ ከወሰነው ዳራ-ምስል ንብረት ውስጥ, ይህን ማድረግ. መንገዱ ይህ ነው;

ዩ አር ኤል ( «ኤል»)

ወደ ፋይሉ መንገድ አንጻራዊ ወይም ፍጹም ወይ ሊሆን ይችላል.

ይበልጥ ውስብስብ የሙሌት አንድ ቅልመት ጋር ማሳካት ይቻላል:

• መስመራዊ-የግራዲየንት ();
• ራዲያል-የግራዲየንት ();
• ተደጋጋሚ-መስመራዊ-ቅልመት () እና ተደጋጋሚ-ራዲያል-ቅልመት () - ቅልመት በተደጋጋሚ.

የጀርባ ሕዋስ

በአጠቃላይ የጀርባ በተጨማሪ, እናንተ ዓምዶች ወይም ረድፎች ውስጥ ሽንትር ዳራ መግለጽ ይችላሉ. ቀላል መስመሮች መካከል ያለውን የእይታ ተለያይተው መረጃ ማንበብ ምክንያት ንብረት ምዝገባ, በጣም ብዙውን ጊዜ ጥቅም ላይ ይውላል.

መተካካትም በተጨማሪ, እና በአንድ የተወሰነ አምድ ወይም ረድፍ ቁጥር መጥቀስ ይቻላል. እንደዚህ ለምሳሌ ያህል:

• tr: ከውሂብ-ልጅ (እንኳን) {...} - የተጠላለፈ ይግለጹ;
• tr: ከውሂብ-ልጅ (1) {...} - አንድ የተወሰነ ረድፍ ውስጥ ንብረቶች የሚጠቁም;
• TD: ከውሂብ-ልጅ (እንኳን) {...} - አምዶች alternating የሚያሳይ;
• TD: ከውሂብ-ልጅ (1) {...} - አንድ የተወሰነ አምድ ውስጥ ንብረቶች የሚጠቁም.

ቅደም ተከተል እና ቁጥሮች ሊገለጹ ይችላሉ ባሻገር - የመጀመሪያው (TD: በመጀመሪያ-ልጅ) ወይም የመጨረሻ (TD: የመጨረሻ-ልጅ).

ሴሎች መካከል ያለው ክፍተት

የሲ ውስጥ, ጠረጴዛ ንድፍ እናንተ ህዋሳት መካከል ያለውን ክፍት ቦታ ለማስወገድ ይፈቅዳል. በነባሪነት እነርሱ ናቸው. እርስዎ ወሰኖች መካከል ያለውን ርቀት ቅንብር ያለ በሰንጠረዡ ውስጥ ያለውን ፍሬም ከተዋቀረ ከሆነ ለምሳሌ ያህል, እዚህ ይህን ውጤት ይሆናል.

እስማማለሁ, በጣም ጥሩ አይደለም ይመስላል እና ማንበብ አመቺ አይደለም. ተጠቃሚዎች ምክንያት ይህ ዓይን የሞገድ ይኖረዋል. በሰንጠረዡ ቅጥ ውስጥ ብቻ እንዲህ ያለ መስመር በመጻፍ ሊሆን ይችላል እነዚህን ክፍተቶች አስወግድ:

ድንበር-ሰብስብ: ሰብስብ

ነገር ግን ደግሞ ርቀት, በተቃራኒው, መጨመር እንዳለበት ይከሰታል. ከዚህም በላይ, ስለ ክፍተቶች መጠን አምዶች መካከል እና መስመሮች መካከል እንደ ሊገለጹ ይችላሉ. አንድ እሴት (ፈንታ ለመሰብሰብ) መሆኑን ለማመላከት:

ድንበር-ሰብስብ: የተለየ

ነገር ግን እንዲህ ያለ እርምጃ ይህ ሕዋሳት ለመለየት አስፈላጊ መሆኑን የሚጠቁም ይሆናል. ይህም ያላቸውን ድርሻ ነበረ እንደ ተጨማሪ ንብረት ጠቁሟል:

ድንበር-ክፍተት: 20 ፒክስል.

አንተ ረድፎች እና አምዶች መካከል የተለየ ርቀት መግለጽ የሚፈልጉ ከሆነ ሁለት ነገሮችን ያመለክታል:

ድንበር-ክፍተት: 10px20px.

በ አሳሾች ውስጥ ያለው ልዩነት

የ CSS ውስጥ ንድፍ ጠረጴዛዎች በአሳሽ ላይ የሚወሰን የተለየ መልክ እንደሚችል ልብ ይበሉ. በተለይ መጥፎ የሲ ውስጥ ፈጠራዎች አይደገፍም መሆኑን, በዕድሜ ስሪቶች ጋር ያለውን ሁኔታ ነው.

ከላይ ዲጂታል እሴቶች ክፈፍ ውፍረት አንድ ምሳሌ ነው.

ይህ ለምሳሌ ያህል, constants ለ ፍሬሞች መካከል ውፍረት.

ድንበር ቅጦች ደግሞ በእጅጉ ይለያያል.

ስለዚህ, በልማት ሁልጊዜ የተለያዩ አሳሾች ውስጥ ውጤት ለማየት.

የሲ ውስጥ ንድፍ ጠረጴዛዎች የአሳሽ አይነት ለመፈተሽ ይመከራል. በተለይ ጥቅም ላይ ትልቅ ችግር የ Internet Explorer ስሪት ጋር ተጠቃሚዎች ለመሆን.

በጣም የላቁ ገንቢዎች, አሳሹ ላይ የሚወሰን ሙሉ በሙሉ የተለየ የሲ ፋይሎችን ለማገናኘት ይችላሉ. እና አንድ ሰው በእያንዳንዱ ውስጥ አንድ ቼክ ወይም አንዳንድ የተወሰነ ቅጥ (ክፍል) ያደርገዋል.

አብዛኞቹ ችግሮች ጥላ ሆነው ይነሳሉ.

የሲ: ሠንጠረዥ ቅርጸት ምሳሌዎች

ምዝገባ በጣም የተለያየ ሊሆን ይችላል. ይህ ሁሉ መላው ጣቢያ እና ዲዛይን ላይ ይወሰናል. ሁሉም ተዳምረው እና በአንድነታቸው ቀለሞች ይገባል. በተጨማሪም አንድ ትልቅ ሚና እና ጣዕም ገንቢ ያደርገዋል. ውበት ስሜት ሁሉ የተለየ ነው.

እኛ የተለያዩ ጠረጴዛዎች አንዳንድ ምሳሌዎች ይሰጣል. የ አኃዝ ከላይ ዘንበል አጠቃቀም ያሳያል እና የጀርባ ቀለም እና ድንበር ጋር ይጫወታሉ.

ብዙ ዓይን ተጠቃሚዎች መቁረጥ መሆኑን ውብ ንጹሕና ንድፍ የሚስብ ምሳሌ ይሆናል. ይህ ተምሳሌት በማንኛውም ሁኔታ ውስጥ ተገቢ ነው.

የ ጠርዞች የተጠጋጋ እንዲሆኑ ማድረግ ይቻላል. ይህ ቆንጆ ደስ ይመስላል.

መደምደሚያ

ከዚህ ማየት እንደምትችለው, የሲ ውስጥ ሠንጠረዦች መልክ በርካታ መሣሪያዎች አሉ. እያንዳንዱ ግቤት በተጨማሪ እሴት አማራጮች ግዙፍ መጠን ነው. በአንድ ጊዜ ሁሉንም የሚጠቀሙ ከሆነ, ድንቅ መፍጠር ይችላሉ. በተለይ ማድረግ ከሆነ የመላመድ ንድፍ ለሁሉም አሳሾች.

ንድፍ ውስጥ ዋናው ነገር - ውጤቶች ጋር ሳይበዛ አይደለም. ሁሉም ነገር በልኩ መደረግ አለበት. መጀመሪያ ላይ, ወደ አቀማመጥ ሙከራ እና ወዲያውኑ ሁሉ ያላቸውን እውቀት መጠቀም እፈልጋለሁ. በሠንጠረዡ በዚህም oversaturated ንብረቶች ናቸው. እነዚህን ስህተቶች ለማስወገድ ይሞክሩ.

ከዚህም በላይ, አንዳንድ ልኬቶችን እርስ በርስ ጣልቃ ሊገባ ይችላል. ለምሳሌ ያህል, እንዲገልጹ አያስፈልግም ነው በጀርባ ቀለም , በሰንጠረዡ ውስጥ ሳለ አሁንም በተጠቀሰው ቀለም መደራረብ ይህም የጀርባ ምስል, በዚያ ከተዋቀረ.