ሲ.ኤስ.ኤ. ምንድን ነው እና ጥቅም ላይ የሚውለው?

የውስብስብ የፅሁፍ ሉሆች ምንድን ነው?

ድር ጣቢያዎች ምስሎችን, ጽሑፎችን እና የተለያዩ ሰነዶችን ጨምሮ የተለያዩ የተለያዩ ስብስቦች ያካትታሉ. እነዚህ ሰነዶች እንደ ፒዲኤፍ ፋይሎችን ከተለያዩ ገፆች ጋር ማገናኘት ብቻ ሳይሆን እንደ ገጾቹ የእኛን ገጽታ ለመገንባት ጥቅም ላይ የሚውሉ ሰነዶች, እንዲሁም የአንድ ገጽ አወቃቀር እና የሲኤስኤል (የውስጣዊ ሉሆች ወረቀት) ሰነዶች የገፅን ገጽታ ለመገምገም. ይህ ጽሑፍ በ CSS ምን ይዳስሳል, ምን እንደሆነ እና ዛሬ በድር ጣቢያዎች ላይ ጥቅም ላይ የሚውልበት.

የሲኤስኤስ ታሪክ ትምህርት

ሲ.ኤስ.ዲ ለመጀመሪያ ጊዜ የተገነባው በድረ-ገፅ ዌብሊከሮች የሚታዩትን ድረ-ገፆች ገፅታ ለመግለጽ ነው. የድር ባለሙያዎች የጣቢያውን ኮድ ይዘት እና አወቃቀር ከስዕላዊ ንድፍ, ከዚህ ጊዜ በፊት ለማይታወቅ አንድ ነገር እንዲለዩ ለማስቻል የታሰበ ነበር.

የአቀማመጥ እና ቅጥ መለያው ኤችቲኤም መጀመሪያ ላይ የተመሰረተውን ተግባር እንዲያከናውን ያስችለዋል - የይዘት መባቻ, የገጹን ንድፍ እና ንድፍ መጨነቅ ሳያስፈልግ, "መልክ እና ስሜት" በመባል የሚታወቀው. ገጽ.

ሲ.ኤስ.ቲ እ.ኤ.አ. እስከ 2000 ዓ.ም. ድረስ ተወዳጅነቱ እየጨመረ ሄዶ የድር አሳሾች ከነዚህ መሰረታዊ ቅርጸ ቁምፊዎች እና ቀለም ቋንቋዎች የበለጠ አጠቃቀም ሲጀምሩ. ዛሬ, ሁሉም ዘመናዊ አሳሾች ሁሉንም የ CSS ደረጃ 1, አብዛኛዎቹን የሲ ኤስ ኤስ ደረጃ 2 እና እንዲያውም የ CSS 3 ደረጃ ገጽታዎችን ይደግፋሉ. የሲ.ኤስ.ኤስ ማሻሻያ ከቀጠለ እና አዳዲስ ቅጦች እንደሚገቡ, የድር አሳሾች አዳዲስ የሲ ኤስ ኤስ ድጋፍ ወደ እነዚህ አሳሾች የሚያመጡ ሞዴሎችን መተግበር ጀምረዋል, እና ለድር ንድፍ አውጪዎች ውጤታማ የሆኑ አዲስ የቅጥ ማምረቻ መሳሪያዎችን መስጠት.

ባለፉት ብዙ ዓመታት ውስጥ በሲ.ኤስ. ውስጥ በድረገፅ ዲዛይንና ድረገፅ ልማት የማይጠቀሙ የድረ ገጽ ንድፍ ባለሙያዎች አሉ, ነገር ግን ያ ልምድ ዛሬውኑ ከኢንዱስትሪ ወጥቷል. CSS በአሁኑ ጊዜ በድር ዲዛይን ላይ በስፋት ጥቅም ላይ የዋለ ደረጃ ነው, እና ቢያንስ ዛሬ የዚህ ኢንዴክስ መሠረታዊ እውቀት የሌላቸው ኢንዱስትሪ ውስጥ የሚሰራ ማንኛውም ሰው ለማግኘት ይቸግርዎታል.

ሲኤስኤስ አሕጽሮተ ቃል ነው

ቀደም ሲል እንደተጠቀሰው, ሲ.ኤስ. የሚለው ቃል ለ "ክራዘር ስታትል ቅጥ" ነው. እነኝህ ሰነዶች ምን እንደሚያደርጉ የበለጠ ለማብራራት ይህንን ሐረግ ትንሽ እንጥፋ.

የ "ቅጥ መልክ" የሚለው ቃል ራሱ (እንደ ኤችቲኤምኤል, የሲ.ኤስ.ሲሲ ፋይሎችን በእውነት ከጽሑፍ ፕሮግራሞች ጋር ሊስተካከል የሚችል የጽሑፍ ሰነዶች) ናቸው. የቅልም ወረቀቶች ለሰነድ ዲዛይን ለብዙ አመታት ጥቅም ላይ ውለዋል. ለህትመት, ለህትመት ወይም ለመስመር ላይ የቴክኒክ ዝርዝር መግለጫዎች ናቸው. የህትመት ዲዛይኖች የዲዛይኖቹን እቃዎች በትክክል ለመጻፍ ለረጅም ጊዜ የዘመናዊ ገጽታዎችን ተጠቅመዋል. የአንድ ድረ ገጽ የቅጥ ሉህ ለተመሳሳይ ዓላማ ነው, ነገር ግን የተጨመረበት ተግባር የድረ-ገጽ አሳሽ ሰነዱ እንዴት እየታየ እንደሆነ ማሳየት ነው. ዛሬ, የ CSS ቅርፀ ቁብች አንድ ገጽ የተለያዩ መሳሪያዎችን እና የማያ ገጽ መጠኖችን የሚፈልግበትን መንገድ ለመለወጥ የሚዲያ መጠይቆችን ይጠቀማል. ይህ እጅግ በጣም አስፈላጊ ነው ምክንያቱም አንድ ኤች.ቲ.ኤም.ኤል. ሰነድ ወደ እሱ እየተመለከተበት ስክሪን ላይ በተለየ መልክ እንዲገኝ ስለሚያደርግ ነው.

ውስጣዊ ስብስቦች "ካታስጌንግ ስቲክ ሉል" የሚለው ቃል ልዩ ክፍል ነው. አንድ የድረ ገፅ ቅጥያዊ ወረቀት በንደፍሉ ውስጥ እንደ ወንዝ በአንድ ፏፏቴ ላይ በተከታታይ የተለያየ ቅጦች ለመፍጠር የታቀደ ነው. በወንዙ ውስጥ ያለው ውሃ በዓሣው ውስጥ ያሉትን ዐለቶች በሙሉ ይመታዋል, ነገር ግን ከሥር ስር ያሉት ወለዎች በትክክል የሚፈሱ ናቸው. በድር ጣቢያ ቅጥ ገጽታዎች ላይ ያለው ተመሳሳይነት እውነት ነው.

ማንኛውም የድር ገጽ ቢያንስ አንድ የቅጥ ሉሆል ተጽዕኖ ይደረግበታል, ምንም እንኳን የድር ባለሙያው ምንም አይነት ቅጦች ላይ የማይተገብር ቢሆንም እንኳ. ይህ የቅጥ ሉህ የተጠቃሚ ወኪሎች ቅጥ ቅጥል - ሌላ መመሪያ ከሌለ የድር አሳሹ ገጹን ለማሳየት የሚጠቀምበት ነባሪ ቅጦች በመባል ይታወቃል. ለምሳሌ, በነባሪነት በረራች ግንኙነቶች በሰማያዊ የተሰየሙ እና ተመስርተው ይታያሉ. እነዚህ ቅጦች ከድር አሳሽ ነባሪ ቅጥ ሉህ ይመጣሉ. ድር ዲዛይነር ሌላ መመሪያዎችን ከሰጠ ግን, ማሰሻው የትኛዎቹ መመሪያዎች ቅድሚያ እንዳለው ማወቅ ይኖርባቸዋል. ሁሉም አሳሾች የራሳቸው ነባሪ ቅጦች አሏቸው, ግን ከነዚህ ነባሪዎቹ (እንደ ሰማያዊ የተሰመረ የጽሑፍ አገናኞች ሁሉ) በሁሉም ወይም በአብዛኛው ዋናዎቹ አሳሾች እና ስሪቶች ላይ ይጋራሉ.

ለአሳሽ ሌላ ምሳሌ ለምሳሌ, በድር አሳሼ ውስጥ, ነባሪ ቅርጸ-ቁምፊ በ "16 ኒው ሮማን " (" Times New Roman ") ቁጥር ​​16 ላይ ይታያል. ሆኖም ግን በቅርብ ከምትጎበኟቸው ገፆች መካከል በአብዛኛው በዛ የቅርጸ-ቁምፊ ቤተሰብ እና መጠን ያሳያሉ. ይህ የሆነበት ምክንያት በእደ-ንድፍ አውጪዎች እራሳቸው የተዘጋጁት ሁለተኛው ቅጥ ያላቸው ገጽታዎች የቅርጸ-ቁምፊውን እና የቤተሰብን ቅርጸ-ቁምፊ እንደገና ለማብራራት, የድረ ገጼን አሳሽ ነባሪዎችን በመተካት ነው. ለድረ ገጽ የሚፈጥሯቸው ማንኛውም ቅጥ ያላቸው ገጽታዎች ከአሳሽ ነባሪ ቅጦችን የበለጠ ግልጽነት ይኖራቸዋል, ስለዚህ ነባሪዎቹ የሚጠቀሙት ቅጥል ወረቀትዎ ሊሽራቸው ካልሆነ ብቻ ነው. አገናኞች ሰማያዊ እና የተጠረጠሩ እንዲሆኑ ከፈለጉ, ነባሪ ስለሆነ ግን ምንም ነገር ማድረግ አያስፈልግዎትም, ነገር ግን የጣቢያዎ የ CSS ፋይል አገናኞቹ አረንጓዴ መሆን እንዳለባቸው ካመለከተ, ያ ቀለም ነባሪውን ሰማያዊ ይሽረዋል. በስሌቱ ውስጥ በስርዓተ-ጉዲፉ ውስጥ ይቀመጣሌ, ምክንያቱም ከዚህ በተሇያዩ አሌተጠሌጡም.

CSS ጥቅም ላይ የዋለ?

ሲ.ኤስ.ኤስ ከዌብ አሳሽ ይልቅ በሌሎች ሚዲያዎች ሲታዩ የድር ገፆች እንዴት እንደሚመስሉ ለመግለጽ ጥቅም ላይ ሊውል ይችላል. ለምሳሌ, የድረ-ገጹን እንዴት ማተም እንዳለበት የሚገልጽ ህትመት ሉህ ገጽታ መፍጠር ይችላሉ. እንደ የመፈለሻ አዝራሮች ወይም የድር ቅጾች ያሉ የድረ-ገጽ ንጥሎች በታተመው ገጽ ላይ ምንም ዓላማ አይኖራቸውም, አንድ Print Style Sheet አንድ ገጽ ሲታተም እነዚያን አካባቢዎች ለማጥፋት ሊያገለግል ይችላል. በብዙ ጣቢያዎች ላይ በብዙዎች ዘንድ የተለመደ ልምምድ ላይ አይደለም, የሕትመት ቅጥ ሉሆችን የመፍጠር አማራጭ ኃይለኛ እና ቆንጆ ነው (በኔ ተሞክሮ - አብዛኛዎቹ የድር ባለሙያዎች ይህን በበይነነት ላይ አያደርጉም ምክንያቱም አንድ ጣቢያ የበጀት ክልሉ ይህን ለመሥራት ተጨማሪ ጥሪ ስለማይጠይቅ ነው ).

CSS ለምን አስፈለገ?

አንድ ድር ጣቢያ ሙሉ ምስላዊ ተጽዕኖ ሊያሳርፍበት ስለሚችል የ CSS ባለሙያ መገልገያ መሳሪያዎች አንዱ ነው. ጥሩ የጽሑፍ ቅጥ ሉሆች በፍጥነት ሊሻሻሉ እና ጣቢያዎች በማያ ገጹ ላይ በቅድሚያ ቅድሚያ የሚሰጡትን ለውጦችን እንዲቀይሩ ይፍቀዱ, በምላሹ እሴት እና ዋጋዎችን ለጎብኚዎች ያቀርባል, ምንም ለውጦቹ የ HTML ኤች ቲ ኤም ኤል ላይ ምንም ለውጦች ማድረግ አያስፈልግም.

የሲኤስኤል ዋነኛ ፈተናው የሚማሩት ጥቂት ነገር ነው - እናም በየቀኑ በሚቀይሩት አሳሾች, ዛሬውኑ የሚሠራው ነገ ሊመጣ አይችልም ምክንያቱም አዲስ ቅጦች ይደገፋሉ እና ሌሎች ለወደፊቱም ሆነ ለሌላው የሚወድቁት ወይም የሚወድቁት .

የሲ.ኤስ.ኤስ. የተለያዩ መረጃዎችን እንዴት መተርጎምና መተግበር እንደሚችሉ ከግምት ውስጥ በማስገባት, ኤች. ኤች. CSS ኤችቲኤምኤል በማይታወቅ መንገድ በአሳሾች ውስጥ CSS ይለዋወጣል. አንድ ጊዜ ሲኤስኤስ መጠቀማችሁን ከጀመሩ ግን የቅጥ ሉሆችን ኃይል መጠቀምን የድረ-ገጽ ገጾች እንዴት እንደሚሰሩ እና እይታቸውን እና ስሜትዎን ለመግለጽ ማመቻቸት እንደሚችሉ ያያሉ. በጉዞ ላይ, ባለፈው ጊዜ ለእርስዎ ይሠራሉ የነበሩትን ቅጦች እና አሰራሮች "የወደፊት ጥንቃቄዎች" ትጠብቃላችሁ እናም ወደፊት ለወደፊቱ አዲስ ድረ-ገጾችን ሲገነቡ ወደነሱ መቀየር ይችላሉ.

የመጀመሪያ ጽሑፍ በጄኒፈር ክርኒን. በ 7/5/17 የተስተካከለው በጄረሚ ጋራርድ,