እውነታዎቹን በእነዚህ ምክሮች ያግኙ
ሁሉም አሳሾች እንደ "ዲፋይ ቅጦች" የሚያውቁትን ያካትታሉ. እነዚህ የቅጦች ገጽታዎች ከሌሉ የኤች ቲ ኤም ኤል አባላትን እይታ እና ስሜት የሚጽፉ ቅጦች ናቸው. ለምሳሌ, በአብዛኛው አሳሽ ውስጥ የሁለገብ አገናኞች ነባሪ ገፅታ ከስር መስመር ጋር ብሩህ ሰማያዊ ቀለም ነው. በተለያየ መንገድ እንዲያሳዩዋቸው ካልፈለጉ በስተቀር እነዚህ አገናኞች ያዩዋቸዋል.
ነባሪ የአሳሽ ቅጦች አጋዥ ሊሆኑ ይችላሉ, ነገር ግን በብዙ ሁኔታዎች የድር ንድፍ አውጪዎች 100% በቁጥጥራቸው ስር እንዲሆኑ ትኩረታቸውን መቀስቀስ እንዲችሉ እነዚህን ቅጦች ቅኝቶች ማስወገድ ይፈልጋሉ. ይሄ የተዘጋጀው "ሜሰር ቅፅ" በመባል የሚታወቅ ነው.
ዋናው የቅዴቨር ወረቀት በሁሉም ሰነዶችዎ ውስጥ የሚደውሉት የመጀመሪያ ቅዋሜ እሴት መሆን አለበት. በባለስ-አሳሽ ድር ዲዛይን ላይ ችግር ሊያስከትሉ የሚችሉትን ነባሪ አሳሽ ቅንጅቶችን ለማጽዳት ዋና ሞዴል ይጠቀማሉ. አንዴ የቅንጦቹ ቅፅበተዎ በአንድ ማዕድ ቅደም ተከተል ካስወገዱ በኋላ የእርስዎ ንድፍ በሁሉም አሳሾች ውስጥ ካሉ ተመሳሳይ ቦታዎች ይጀምራል - ለመቃኛ ንጹህ ሸራ እንደሚመስሉ.
አለምአቀፍ ነባሪዎች
የእርስዎ ጌታ ቅርፀ-ቁምፊ በገጹ ላይ ኅዳጎችን, ማሸጊያን እና ጠርዞችን በማስወገድ መጀመር አለበት. አንዳንድ የድር አሳሾች የአሳሽን መስመሮች ጠርዞች የገባውን 1 ወይም 2 ፒክሰሎች የዶክተሩ አካል የነባሪነት ነው. ይህ ሁሉም ሁሉም ተመሳሳይ መሆናቸውን ያረጋግጣል:
html, ሰው {margin: 0px; ድብድብ: 0px; ድንበር: 0px; }ቅርጸ ቁምፊው ወጥ እንዲሆን ለማድረግ ይችላሉ. የእርሶ ቅርጸ ቁምፊ መጠን 100 በመቶ ወይም 1 ደሴም እንደማለት ያረጋግጡ, ስለዚህ ገጽዎ በቀላሉ ተደራሽ ይሆናል, ነገር ግን መጠኑ ቋሚ ነው. እንዲሁም የመስመር-ቁመትዎን ማካተትዎን እርግጠኛ ይሁኑ.
body {font: 1em / 1.25 Arial, Helvetica, sans-serif; }ርዕሰ ፊደል ቅርጸት
ርእስ መስመሮች ወይም ራስጌ ዓርማዎች (H1, H2, H3, ወዘተ.) በአብዛኛው ነባሪ ሆነው ደማቅ ጽሁፎችን ከትልቅ ሽፋኖች ወይም በአጠገባቸው ዳስገባቸው. ክብደቱን, ጠርዞችን እና መከለያዎችን በማጽዳት እነዚህ መለያዎች አሁንም ተጨማሪ ቅጦችን ሳያገኙ ከበፊቱ የበለጠ ትልቅ (ወይም አነሱ) መሆናቸውን ያረጋግጣሉ:
h1, h2, h3, h4, h5, h6 {margin: 0; ማጣበቂያ: 0; ቅርጸ-ቁመት: መደበኛ; ፊደል-ቤተሰብ; Arial, Helvetica, sans-serif; }የተወሰኑ መጠኖችን, ፊደሎች ክፍሎችን እና ግድግዳዎችን ወደ አርዕስት መለያዎ ማቀናጃትን ማገናዘብ ይፈልጉ ይሆናል, ነገር ግን በትክክል እርስዎ በመረጡት ጣቢያው ቅፅ ላይ ይወሰናል, እና ከዋናው የፅሁፍ ሉህ ውስጥ መተው አለባቸው. ለእነዚህ ንድፍ እንደ አስፈላጊነታቸው እነዚህን ርእሶች ተጨማሪ ቅጦችን ማከል ይችላሉ.
ስነጣ ጽሑፋዊ ቅርጸት
አርዕስተ-ዜናዎችን ከጣሱ ውጭ, ከሌሎች የማብራሪያ ልኬቶች መኖራቸውን እርግጠኛ መሆን ያለብዎ ሌሎች የጽሑፍ ታጎች አሉ. ብዙውን ጊዜ የሚረሱ ሰዎች አንድ የሠንጠረዥ ሕዋሶች (ቲ እና TD) እና የቅጂ መለያዎች (SELECT, TEXTAREA እና INPUT) ናቸው. የአካል እና የአንቀጽ ጽሑፍዎን ተመሳሳይ መጠን ካላደረጉ, አሳሾች እንዴት እነሱን እንደሚያቀርቡ ሳያውቁ ይገርማችዎ ይሆናል.
p, t, td, li, dd, dt, ኡል, ol, blockquote, q, አሕምቦ, አቢብ, ግቤት, ምረጥ, textarea {margin: 0; ማጣበቂያ: 0; ቅርፀ-ቁምፊ: መደበኛ መደበኛ መደበኛ 1em / 1.25 Arial, Helvetica, sans-serif; }በተጨማሪም ጥቂት ትርጉሞችን ለመጥቀስ የእርስዎን ጥቅስ (BLOCKQUOTE እና Q), አህሮኒሞችን እና አህጽሮትን መስጠት ትንሽ ነው.
blockquote {margin: 1.25em; padding: 1.25em} q {ቅርጸ-ቁምፊ: italic; } ፅንጥብ, ሆፕር (ፊደል: እገዛ; ከፍታ-ታች-1px ሰረዝ; }አገናኞች እና ምስሎች
አገናኞች ማስተዳደር ቀላል ናቸው እናም ከላይ ከተጠቀሰው ሰማያዊ የተሰመረ ጽሑፍ ላይ ለመቀየር ቀላል ናቸው. ሁልጊዜ አገናኞቼን አሁንም ማራኪን እመርጣለሁ, ነገር ግን ሌላ አማራጭ ቢመርጡ እነዚህን አማራጮች በተናጠል ማቀናበር ይችላሉ. በተጨማሪም በእውነተኛው ቅጥ ስዕል ላይ ቀለሞችን አላካትም, ምክንያቱም በዲዛይን ላይ የተመሰረተ ነው.
a, a: link, a: visited, a: active, a: hover (ጽሑፍ-ማስገር: ከስር መስመር; }በምስሎች አማካኝነት ድንበሮችን ማጥፋት አስፈላጊ ነው. አብዛኛዎቹ አሳሾች ምስል በሚታዩበት ጊዜ, በአንድ ጠፍጣፋ ምስል ላይ ክፈፍ አያሳዩም, አሳሾች ግን ጠርዞቹን ያበራሉ. ይህንን ለማስተካከል
img {border: none; }ሰንጠረዦች
ሰንጠረዦች ለአቀማመጥ ዓላማ ጥቅም ላይ የማይውሉ ከሆነ, ጣቢያዎ አሁንም ለእውነተኛው የቱካይ መረጃ ሊጠቀምባቸው ይችላል. ይህ HTML ሰንጠረዥን ጥሩ አጠቃቀም ነው. አስቀድመን ነባሪ የጽሁፍ መጠን ለሠንጠረዥ ህዋሶችዎ አንድ አይነት መሆኑን እናረጋግጣለን, ነገር ግን ሰንጠረዦችዎ ተመሳሳይ እንደሆኑ እንዲቆዩዋቸው ጥቂት መዋቅሮች አሉ:
ሰንጠረዥ {margin: 0; ማጣበቂያ: 0; ድንበር: ምንም; }ቅጾች
ከሌሎች ነገሮች ጋር እንደሚደረገው, በቅጽዎዎ ዙሪያ ጠርዝንና ቅቤን ማስወገድ ይኖርብዎታል. እኔ ማድረግ የምፈልገው ሌላ ነገር የቃላትን መለያ እንደ " መስመር ውስጥ " (" ውስጠ-መስመር ") ድጋሚ በመጻፍ በአዲሱ ኮድ ውስጥ ቦታ እንዲይዙት ተጨማሪ ቦታ አይጨምርም. እንደ ሌሎቹ የጽሁፍ አካላት ሁሉ, የምርጫውን ቅርጸ-ቁምፊን, የ textarea ን እና ከላይ ወደላይ አስገባዋለሁ, ስለዚህም ከሌሎቹ ጽሑፌ ጋር አንድ ነው.
ቅፅ {margin: 0; ማጣበቂያ: 0; ማሳያ: መስመር ውስጥ; }እንዲሁም በመለያዎ ላይ ጠቋሚውን መቀየር ጥሩ ሀሳብ ነው. ይህ ሰዎች አርማው ጠቅ በሚያደርጉበት ጊዜ አንድ ነገር እንደሚያደርግ እንዲያዩ ይረዳቸዋል.
መለያ {ቀስት: ጠቋሚ; }የተለመዱ መደቦች
ለእዚህ ለዋና የቅዴመ ገፅታ ክፍል, ለእርስዎ ትርጉም የሚሰጡ ክፍሎችን መግለፅ አለብዎት. እነዚህ በተደጋጋሚ ከሚጠቀሟቸው ክፍሎች መካከል አንዳንዶቹ ናቸው. ወደ ማንኛውም የተለመደም አካል እንዳልተዋቀሩ ልብ ይበሉ, ስለዚህ የሚፈልጉትን ነገር ሁሉ ለመመደብ ይችላሉ:
.clear {clear: both; } .floatLeft {float: left; } .floatRight {float: right; } .textLeft {text-align: left; } .textRight {text-align: right; } .textCenter {text-align: center; } .textJustify {text-align: justify; } .blockCenter {display: block; ኅዳግ-ግራ: ራስ; ህዳግ-ቀኝ: ራስ; } / * የቅርጽ ስፋት * / .bold {እንደታወቀ-ክብደት; ደማቅ; } .italic {font-style: italic; } .በግጫግጫጫ {ጽሑፍ -ማዕረግ: መስመረግርጌ; }. አዶ የሌለው {margin-left: 0; ፓድዲንግ-ግራ: 0; } .nomargin {margin: 0; } .dopadding {padding: 0; }. nobullet {list-style: none; ዝርዝር-ቅጥ-ምስል: ምንም; }ያስታውሱ እነዚህ ክፍሎች ከማናቸውም ሌሎች ቅጦች አስቀድሞ የተጻፉ ስለሆኑ, እነሱ ክፍሎችን ብቻ ስለሚወስዱ ከጊዜ በኋላ በተደጋጋሚ በሚታወቀው ውስብስብ ባህሪያት መሻር ይችላሉ. በአንድ አባል ላይ የጋራ መደብ ያዋቅሩ ሆኖ ካገኙት እና ምንም ተግባራዊ አይሆንም, ከዚያ በተመሳሳይ አባል ላይ ተጽዕኖ ከሚያሳድሩ የኋላይዊ ቅፅሎችዎ ውስጥ የሌለ ሌላ ቅጥ አለመሆኑን ያረጋግጡ.
ጠቅላላው ማስተር ፕላትስሌት
/ * Global Defaults * / html, body {margin: 0px; ድብድብ: 0px; ድንበር: 0px; } body {font: 1em / 1.25 Arial, Helvetica, sans-serif; } / * ዋና ዋና ዜናዎች * / h1, h2, h3, h4, h5, h6 {margin: 0; ማጣበቂያ: 0; ቅርጸ-ቁመት: መደበኛ; ፊደል-ቤተሰብ; Arial, Helvetica, sans-serif; } / * Text Styles * / p, tt, td, li, dd, dt, ኡል, ol, blockquote, q, አጽም, abbr, a, input, select, textarea {margin: 0; ማጣበቂያ: 0; ቅርፀ-ቁምፊ: መደበኛ መደበኛ መደበኛ 1em / 1.25 Arial, Helvetica, sans-serif; } ማጨብጥያ ጠቋሚ {margin: 1.25em; padding: 1.25em} q {ቅርጸ-ቁምፊ: italic; } ፅንጥብ, ሆፕር (ፊደል: እገዛ; ከፍታ-ታች-1px ሰረዝ; } ትንሽ {font-size: .85em; } ትልቅ {ቅርጸ ቁምፊ-መጠን: 1.2em; } / * አገናኞች እና ምስሎች * / a, a: አገናኝ, a: የተጎበኙ, ገዳይ: አንቃ: አንዣብ {ጽሑፍ-ማስገር: ከስር መስመር; } img {border: none; } / * ሰንጠረዦች * / ሰንጠረዥ {margin: 0; ማጣበቂያ: 0; ድንበር: ምንም; } / * ቅጾች * / form {margin: 0; ማጣበቂያ: 0; ማሳያ: መስመር ውስጥ; } መለያ {ጠቋሚ: ጠቋሚ; } / * የቋንቋ ክፍሎች * / .clear {clear: both; } .floatLeft {float: left; } .floatRight {float: right; } .textLeft {text-align: left; } .textRight {text-align: right; } .textCenter {text-align: center; } .textJustify {text-align: justify; } .blockCenter {display: block; ኅዳግ-ግራ: ራስ; ህዳግ-ቀኝ: ራስ; } / * የቅርጽ ስፋት * / .bold {እንደታወቀ-ክብደት; ደማቅ; } .italic {font-style: italic; } .በግጫግጫጫ {ጽሑፍ -ማዕረግ: መስመረግርጌ; }. አዶ የሌለው {margin-left: 0; ፓድዲንግ-ግራ: 0; } .nomargin {margin: 0; } .dopadding {padding: 0; }. nobullet {list-style: none; ዝርዝር-ቅጥ-ምስል: ምንም; }የመጀመሪያ ጽሑፍ በጄኒፈር ክርኒን. በ 10/16/17 በጄረሚ ጊራርድ የተስተካከለው