የሲ: የቅርጸ ቁምፊ ቀለም, ቅጥ, ጥለት, መጠን

ፕሮግራም - መስታወት: በመጀመሪያ ቃል ነበረ, እና ሳይሆን ወደ ኋላ ተንጸባርቋል. እና በጣም በፍጥነት እሱ "ለውጥ" ነበረበት: በዚህ ነጥብ ላይ የመጀመሪያ መስታወት, ከዚያም ቃሉን ..., የቅጥ ሉህ cascading -, ነገር ግን ለምን ይህን ለረጅም አንድ ገንቢ አእምሮህ ጥሩ ነበር ነው? የሲ - ይህ ግን ብቻ የተለየ አመለካከት ውስጥ, የኮምፒውተር ፕሮግራሞች ሁሉ ተመሳሳይ ድርድር ጊዜ ዘመን ነው. በብዙሃኑ ለመሆን እንኳ ጊዜ associative አብዮት አይደለም.

ድረ-ገጽ - አንድ የተወሰነ ቅጥ ወይም ቅጥ ክፍል መለያ ነው እውቅና የሚችል ኤችቲኤምኤል-መንቀሻ, እንደማትቀበል. የመጀመሪያው አንድ ጊዜ ፍቺ ሊሆን ይችላል ነገር በጣም አስፈላጊ ጊዜ እንዲሰጡት, እንዲሁም ሁለተኛው አንድ የተወሰነ አባል ነው.

ቅጦች መግለጫ አጠቃላይ አመክንዮ

ወግ, ቅጥ ያለው የሲ-ፋይል ውስጥ ከተቀመጠ, ግን ቅጥ አይነታ ውስጥ አንድ የተወሰነ አባል እውቅና መሰጠት ይቻላል. የ ቅጥ የ JavaScript መሳሪያዎች ውስብስብ ሁኔታ ውስጥ ሊፈጠር ይችላል. በተለይ አስፈላጊነት እንደ አማካኝነት, ለምሳሌ, ተገልጿል አይደለም የሲ ቀለም ቅርጸ ቁምፊ, መጠኑ ወደ ማዳመጫ, እንዲሁ ላይ በታች ዳራ እና. ወደ በኋላ ላይ እንደተገለጸው, ስለዚህ ከፍተኛ ቅድሚያ የሚሰጠው ነው, እና አባሉ ውስጥ እንደተገለጸው ከሆነ, አስፈላጊ ነው !.: የአካባቢ መግለጫ ዘይቤ ብዙውን ጊዜ ሁለት ሃሳቦች, አውድ ውስጥ አስፈላጊ ነው ለመጨረሻ ጊዜ ነው እንደ በግልጽ ቅድሚያ ያስቀምጣል ተመዝግቧል.

ለምሳሌ ያህል, አንድ የተወሰነ የቅርጸ-ቁምፊ ቀለም ለውጥ ቀለም, በየትኛውም ቦታ እና ምንም ነገር ሊሆን ይችላል ወደ ቅጥ ተግብር. ጥያቄ አብረው ሁሉንም ቅጦች መካከል disassembly ወቅት በአንድ አሳሽ ውስጥ ምላሽ እንዴት ነው. ምን ያህል እሱ በዚህ ሲፒዩ ላይ የሚያሳልፉት ነበር?

በሐሳብ ደረጃ, ቅርጸ-ቁምፊ ቀለም አንድ ጊዜ ብቻ አመልክተዋል መሆን አለበት - ይህም የተለመደ ነው. አንድ ባልና ሚስት ቀላል መግለጫ ወደ ውጭ አስብ; ከዚያም ሌላ ሌላ ... እርግጥ, ትችላለህ. ይህ ፋሽን, ነገር ግን ተግባራዊ ነው.

ምሳሌ አጠቃላይ አመክንዮ

በጣም በቀላሉ ሁሉ ሶስት ክፍሎች CSS ቀለም ይወሰናል, ቢያንስ ሦስት ለረጅም ጊዜ አሂድ ችግሮች ማግኘት ይቻላል:

# Ele1, # Ele2, # Ele3 {
POSITION: ፍጹም;
በስተግራ: 20 ፒክስል;
ከላይ: 14 ፒክስል;
ቀለም: ቀይ;
}

# Ele2, # Ele3 {
በስተግራ: 90px; የ CSS አግድመት መጋጠሚያዎች መቀየር //
ቀለም: ቢጫ; ቅርጸ የሲ ቀለም መቀየር //
}

# Ele3 {
ከላይ: 114px; የ CSS መቀየር // ቋሚ ለማስተባበር

ቀለም: አረንጓዴ; አንድ ጊዜ እንደገና ቅርጸ-የሲ ቀለም መቀየር //

የጀርባ-ቀለም: lightgrey; // CSS ጽሑፍ ሲያደምቁ ቀለም ተቀይሯል, ነገር ግን ይህ የ # Ele1 እና # Ele2 ውስጥ በአሁኑ አይደለም; እዚህ እንደ አቋም ደግሞ ተቀይሯል, ነገር ግን # Ele2 ውስጥ ተቀይሯል ሳይሆን

}

አሁን እነዚህን ሦስት ክፍሎች ሁሉ ቦታ የተገለጸ መሆኑን ማስታወስ አለብን, እና የጣቢያ ባለቤት ቀለም የሚወክሉ አንድ ለውጥ ክስተት ውስጥ, ገንቢው ቀለም በተመለከተ, ነገር ግን ደግሞ ግራ ደንቦች እና ከላይ ስለ ብቻ ሳይሆን ለማስታወስ, እና እንዲያውም የጽሑፉ ድምቀት ቀለም ተረስቶ የለበትም ለመለወጥ ይኖራቸዋል.

ሁሉም ገንቢዎች የሚከበርበትን አይደሉም መስፈርት የሲ: የቅጥ መታወቂያ - ብቻ አንድ ኤለመንት እና ክፍል ዘይቤ - ብዙ መለያዎች, ቅጽሎችን እንደ መለያዎች ውስጥ የመጨረሻው በተቻለ ነጥብ ሌላ:

• የ CSS ውስጥ ቅርጸ ቁምፊ ቀለም ለማዘጋጀት - ቅጥ groundColor ክፍል;
• የቅርጸ-ቁምፊ መጠን ይግለጹ - ክፍል size15;
• አዘጋጅ ቦታ - ክፍል PlaceUp.

በተፈጥሮ, እነርሱም, ተመሳሳይ ምልክት አባል የገጽ አባሎችን በመቶዎች የሚቆጠሩ የተለያዩ ጥምረት ውስጥ ያሸበረቀች ከላይ አስር ቅጥ ክፍሎችን, የእርሱ በተለይ መለያዎችን መጠቀም,. ነገር ግን ሁሉም ነገር የራሱ ዓላማ አመክንዮ አለው.

ወደ ገንቢ በቀላሉ በትክክል መለያ ወደ መውሰድ አለበት: ስለ ቅርጸ ቁምፊ ቀለም እንኳ ኤችቲኤምኤል, CSS , ከባድ ለመግለጽ ማብራሪያዎች አጠቃላይ መዋቅር ውስጥ ተለዋዋጭ ያቀርባል - ይህ የእርሱ ስራ ነው.

የጋራ ሎጂክ በመጠቀም የሚጠበቀው ውጤት

ዘመናዊ አሳሾች ቅጥ ፋይሎችን እና ጥራዞች ብዙ ጋር ምቾት ናቸው. ይሁን እንጂ, ዲዛይን, የ CSS በኩል በተለይ, መላው ገጽ ቀለም, ሁልጊዜ ምክንያታዊ ብቃትን ማሰብ ይገባል. ማመልከቻው ውስጥ ሁሉም ቅጥ ደንቦች "ርካሽ" መልክ. ቀላል laconic ግቤት: * {ቀለም: ነጭ;} - ቆንጆ በእርግጥ, ነገር ግን ለየት ያለ, የገጹን ሁሉንም ክፍሎች ይሠራል.

የሲ, በጣም አስፈላጊ የተገጠመላቸው ነው ይህም ሁሉ ደንቦች, ልጅ:

• ቅጥ - ክፍል እና ከዚያ ስም ጋር ይጀምራል "."
• ቅጥ - መለያ እና ስም "#" ቁምፊ ጋር ይጀምራል;
• በሌሎች ጉዳዮች ላይ - ስም መለያ ወይም ልዩ ነገር

ቅጦች ውስጥ ያለውን ማብራሪያ ሐሳቦች ቀሪው ክፍል (ርስት ባህርያት, ቅድሚያ, አቋም, ቅደም ተከተል እና የመሳሰሉት. መ መደራረብ) በብልህነት እና በጥብቅ አስፈላጊ ጥቅም ላይ ሊውል ይገባል.

ሁልጊዜ, እንዳያመልጥዎ የ አሳሽ, በ መግለጫ ውስጥ ውጭ ማድረግ አይደለም ዘንድ ልዩ አስገራሚ አይደለም. ነገር በትክክለኛው ቦታ ላይ አልነበረም ወይም ከተዋቀረ የሲ ውስጥ ቅርጸ ቁምፊ ቀለም ወደ ስህተት ዘይቤ ውስጥ, ስለዚህ የሚቻል አይደለም.

ያልተጠበቀ አጋጣሚ

* {በስተግራ ያሉ ቅጦች ያላግባብ የለበትም: 124px; } ወይም

Ol Ol, ተንቀሳቀሱ ul, ul ul, ul ol {ህዳግ-ከታች: 0; }
አንድ img {ድንበር: 0; }

እነሱ ናቸው እንደ የሲ ኤስ ኤስ ደንቦችን ለመጠቀም እንኳ ተነፍቶ ገንቢ ማድረግ አስቸጋሪ ቢሆንም. ሁልጊዜ ማንኛውም ጣቢያ ልማት ውስጥ እንኳ ፍጹም ቀላል የሲ አገባብ ያልተጠበቁ ችግሮች ይሰጣል. ስለ አገባብ ትክክለኛ አጠቃቀም ጋር ቀጥተኛ ጥረት, ነገር ግን ተግባራዊ ከሆነ ይሁን, የ JavaScript ተግባር አዲስ ያልተጠበቁ አጋጣሚዎች አሰልቺ ለእያንዳንዱ ኤለመንት መለያዎችን መፍጠር ማስወገድ ይሆናል, ወይም ቅጦች እና ክፍሎች መካከል የተለያዩ አጠቃቀም ለመቆጣጠር ነው.

የሲ - ብቻ ቅጥ መለያ በኩል ወደ አገናኝ መለያ በኩል ገጽ ጋር የተገናኘ ወይም የገባው ነው ቅጥ ፋይል ነው. ይህም አንድ ነባር በመብረር ላይ ያለ ቅጥ ለመፍጠር ወይም ለመቀየር ደግሞ ይቻላል.

የሲ ኤስ ኤስ በመጠቀም, ቅርጸ ቀለም ፕሮግራማዊ ሊደረግ ይችላል. እንዲሁም መጠንና ቦታ, ጠርዞች ሆነው. ድር ጣቢያ - CSS, HTML, ፒኤችፒ ወይም ጃቫስክሪፕት ውጤቶች ፍላሽ ውስጥ ያለውን እውቀት ተግባራዊ ለማድረግ ግብ አይደለም.

የድር ሀብት - በአንድ የተወሰነ መንገድ ላይ የሚቀርቡት ሁሉ መረጃ የመጀመሪያው ነው. ይህ ገጽ በአገልጋዩ ላይ ገና ሳለ የሲ ኤስ ኤስ ምርጥ, ይህን ለማቋቋም ይቻላል እንዴት ወደ ሌንስ በኩል ተሳትፎዋ ይታያል ለምን ነው, የተፈለገውን stylesheet (የጣቢያው ጎብኚ, መጣ ብሎ ጣቢያውን በማደግ ላይ ሳለ ጊዜ እንጂ ገንቢ ጊዜ ይገኛል ፒኤችፒ አይደለም) አንድ የተወሰነ እንግዳ ሲመለከት ጊዜ አንድ የተወሰነ ጽሑፍ ተገቢ ይዘት, ወይም, እየሰራ ነው ገጹን እንደ ዝንብ ላይ ያለ ቅጥ ክፍል ወይም መለያ ለመፍጠር.

የማይንቀሳቀስ ተለዋዋጭ

በቂ ይዘት - እኛ ሁልጊዜ ተለዋዋጭ ይዘት እና ዲዛይን ለማድረግ የተራቀቀ አግኝ ጃቫስክሪፕትን-ኮድ መጻፍ አለበት. አንዳንድ ጊዜ በአግባቡ የሚገኙ አጋጣሚዎችን ለመጠቀም በቂ ነው. በተለይም, CSS ቅርጸ ቁምፊ ቀለም መጀመሪያ የማይንቀሳቀስ አገዛዝ በመግለጽ, ይህን ደንብ (ተደብቋል) ለመደበቅ እና የተለያዩ (የሚታይ) በምስል ይችላሉ.

እዚህ, ተናጋሪው ስልተ የግድ አይደለም:

// ድር ላይ ያለውን ግብዓት አዝራር ለማጉላት
ተግባር scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'የሚታይ' .;
}

// ድር ላይ ያለውን ግብዓት አዝራር ደብቅ
{) (ScfWelcomeOut የተግባር
document.getElementById ( 'scDocxNamePiP') style.visibility = 'የተሰወረ' .;
}

ቀለሞችን ላለችም tickers, ግልጽ ንጥረ ነገሮች, የተለያዩ የሚል የወል ተደራቢዎችን, ማሳያዎች,: የሲ ኤስ ኤስ የገዛ ተለዋዋጭ ያቀርባል. የሲ ውስጥ, ቅርጸ ቁምፊ ቀለም ማንም በግጥሞችና ደንብ ካልቀረበ እንኳ በጣም ሊሆን ይችላል.

ተለዋዋጭ የይዘት ማሳያ

ምንም ያልተበከለ ነበሩ ኖሮ, ምናልባት ምንም ዓይነት እድገት አይኖርም ነበር. ብቻ ሳይሆን ይህን ለመዋጋት ምን ይመስል እንደነበር. የበይነመረብ መልእክት ወደ ዓለም ቀኖና ብዙ አመጡ. ይህም ለእነርሱ ትኩረት ለማድረግ እና ግዴታና እና ተግባራዊ ቅጥ ውስጥ ጣቢያዎች ታዳጊ መጀመር ጊዜ ነው.

መጀመሪያ ላይ, አንድ ገጽ (P) አለ, የእርስዎን ይዘት (K) አንዳንዶቹ, በገጹ ሁሉ መለያዎች ቅጥ ወረቀት (ሮች) ውስጥ ተገልጸዋል. ዳታቤዙ ከ K በመምረጥ በአገልጋዩ ላይ ፒኤችፒ ወይም ፐርል በኩል አይደለም አዲስ ቅጽ P ገጽ. ነባር የቅጥ ሉህ S-ሰር ይከተላል. ይሁን እንጂ, K ሊቀየር ይችላል, እና በአብዛኛው ጉዳዮች ላይ, እንዲህ ያለ ለውጥ ሌሎች ቅጦች አስፈላጊነት, ያም ማለት, S + ሊያጋልጣት ነበር.

ለምሳሌ ያህል, ደንበኛው አለ: የላስ ቬጋስ "እና ቅጥን ውስጥ ሳይንሳዊ እና የቴክኖሎጂ እድገት ላይ ርዕሶች" ModernTehno "ወደ የቅጥ ውስጥ ሌሊት ከበዛበት በመግለጽ," ZaZavtrakom "ዜና ርዕሶች መካከል ቅጥ ውስጥ ያጌጡ ናቸው ከሆነ ጣቢያ ሞስኮ ሕይወት, የተሻለ እንደሚመስል ይገልጻል" ' ". እኛም ከእነዚህ አማራጮች ውስጥ ሦስት ላይ S ለማድረግ ከሆነ ግን, ደንበኛው ርዕሶች ስብስብ "ዜና", "በዓል", "የሥራ», «CSS / ኤም ኤል» ጉርሻ "HozyaykeNaZametku" እንዲኖረው ለማድረግ ሃሳብ የላቸውም ለመሆኑ ምንም ዋስትና የለም.

ሌላው አካሄድ ይበልጥ ተግባራዊ. ምንም ርዕስ ምድብ የተወሰነ ቀለም ያሸበረቁ የሚችል ይዘት ሁሌም አለ. እነሆ በዚህ ስፍራ በጣም የሚረዳ ሐሳብ የለም: አንድ በቂ S ለማመንጨት አሁንም ሰርቨር ላይ የተወሰነ K ማግኘት እና አሳሹ P ይጠይቃል, እሱ ትክክለኛ የከፈሉ ውስጥ ትክክለኛውን ይዘት ያገኛሉ.

ጃቫስክሪፕት መካከል ተለዋዋጭ ቅጥ

ዝቅተኛ, በጣም ውጤታማ መፍትሄ ቢሆንም - ደንበኛው አሳሽ ውስጥ በቀጥታ የቅጥ ማድረግ. በመጀመሪያ, አገልጋዩ ከችግሮቻቸው - ይህም ለ የበይነመረብ ገጾች እና ቅጥ ፋይሎች ምስረታ ላይ ጊዜ ማሳለፍ አይኖርብዎትም.

አሁንም እንግዲህ, እሱ አንድ ወጥ አሳቢ መረጃ ውጽዓት እፈልጋለሁ, በጅምላ ውስጥ ያለውን ይዘት ማየት አይችልም; ሁለተኛ, አሳሽ ውስጥ ጊዜ የተፈጥሮ ቆሻሻ ገጹ የንግድ ወዳሉበት በንቃት ጎብኚ ጋር ውይይት የሚደግፍ እንደሆነ ተጽዕኖ ይፈጥራል.

ሦስተኛ, ገንቢው እሱ ምቹ ነው ይህ ቅጥ ውስጥ ያለውን ይዘት ያለውን ጎብኚ ዘዴ ለመስጠት ያስችላል. እንዲያውም ማንም ሰው አይደለም.

ይህን ሐሳብ ተግባራዊ ለማድረግ, ወዲያውኑ የገጽ ጭነቶች በኋላ ቅጥ ክፍሎችን ለመፍጠር ስልት መተግበር አለብን, እና የክወና አካሄድ ውስጥ. ዘመናዊ ጣቢያ - አንድ የተወሰነ መልክ አጃክስ ነው. ይህ በቀጥታ የገጹ ዛፍ ምስረታ ሂደት ውስጥ ቅጦችን ምስረታ ለመፈጸም አስቸጋሪ አይደለም. ይዘቱ የእርሱ ምዝገባ ጋር አብሮ ነው, ምክንያቱም, ቀላል ተመጣጣኝ ዋጋ እና ውጤታማ ነው.

ይህ ሂደት ውሂብ ላይ ያከናወናቸውን እና የማሳያ ውስጥ እንዳይወጡ ውሂብ አቀራረብ ለመለየት የሚያስችል ዘመናዊ ዝንባሌ አይቃረንም.

ንቁ ቅመም እንደ CSS

የበይነመረብ መልእክት በጎ ብዙ አመጡ; ነገር ግን የተፈጥሮ መረጃ ብቻ አንድ ትንሽ ክፍልፋይ በተሳካ formalized ነበር, መሣሪያዎች እና ከፍተኛ-ጥራት ኤችቲኤምኤል, XML, የሲ ሰነዶች በመፍጠር ረገድ ልምድ ነበሩ. አይደለም ችግር መረጃ አዲስ ጥራዞች መዘርጋት እና ቀደም ቀደም አድርጓል ይለዋወጣል.

CSS ወደ አክብሮት ጋር, ይህ ሂደት ሙሉ በሙሉ የተለየ አውድ ውስጥ ገብሯል. አብሮ የተሰራ እንዲህ ያለ አጋጣሚ በጉጉት ነበር ንጥረ ነገሮች ክፍሎችን እና ቅጦች መፍጠር "በመብረር ላይ" በማንቃት ጃቫስክሪፕት ውስጥ መሳሪያዎች, እና ፒኤችፒ ፈጣሪዎች, በተለይ, ብቻ ኤም ኤል ገጾች ምስረታ ላይ የተሰማሩ ዘንድ ይታመናል.

ሁለቱም የመጀመሪያው እና ሁለተኛው ፕሮግራም ቅጦችን ለማድረግ ያስችላል. የመረጃ ቴክኖሎጂ መስክ ላይ ይህን አዲስ አቅጣጫ. ቅጦች የ XML ወይም HTML ይልቅ በእጅጉ የበለጠ መደበኛ ነገር, ደንቦች በጣም ቀላል ናቸው. ቅጥ ምንም ይሁን ምን ያህል ተፈጥሯዊ, ሁልጊዜ መረጃ ላይ ይገኛል.

የምዝገባ ጎታ ፕሮግራም በጣም የበለጠ formalized ዘርፎች ውስጥ ሁልጊዜ የተሰማሩ, ነገር ግን ናቸው CSS ገጽታ - በጣም ቀላል ተግባር, ነገር ግን በሆነ የልማት ሂደት አመለካከት ወደ ሜዳ ማግኘት ነበር.

ፕሮግራም መስክ ውስጥ ቀኖና ላይ

ተጋጭታ ልክ እንደ አንድ ቀኖና ረጅም expanses መረጃ furrowing አይችልም. ያለፈው ተሞክሮ ብቻ ሳይሆን HTML- እና CSS-መስፈርቶች ውስጥ, መሣሪያዎች ከእነርሱ ጋር መስራት, እውቀት ገንቢዎች ማተኮር ነበረበት.

አንድ ቀላል ተግባር - የ CSS ቅርጸ ቁምፊ ቀለም በኩል ለማድረግ - ፍጹም መፍትሔ አግኝቷል. ደንቦች, አገባብ, ሎጂክ እና ምቾት የማያከራክር ነው. ነገር ግን ቅርጸ-በትክክል; ልምምድ የሚሆን ቀለማት ሳይሆን ብዙ አለኝ እንኳ በጣም ብዙ አስፈላጊ ነው, እና ሁኔታዊ እውቀት ሂድ ጊዜ በእርግጥ ሁሉ ያፈሩትን «ኃይል» HTML እና CSS የማያስፈልገው የምናባዊ እውነታ ዓላማ, አንድ ጊዜ አለ ይመጣል ወደ ማባዛት እና ይታያሉ ልምድ እና ይዘት ቅጦች ተፈጥሯዊ ምስረታ መሳሪያዎች.

ይህ እንዴት ይሆናል, ሙሉ በሙሉ ግልጽ ላይሆን ይችላል, ነገር ግን ሂደቱ ግልጽ, መንገድ በታች አስቀድሞ ነው.