CSS አዝራር. ጥቅሞች. ቅጦች. ውበት

ምናልባት ማንም ጣቢያ ሌላ አዝራሮች ገጽ ላይ ያለውን referential ያለ አይደለም. ሁሉም ሰው ትኩረት ወደ ጣቢያ ለማምጣት ይፈልጋል; እንዲሁም በአንድ ጊዜ አማካኝነት የተለያዩ ይጠቀሙ. በጣም ላይ መጠንና ቅርጽ ውስጥ ሁለቱም, እና ውጤት እና - ከእነሱ መካከል የድር ንድፍ ውስጥ የተለያዩ መለኪያዎች መሠረት ይለያያል ይህም አዝራሮች, ንድፍ ይገኙበታል.

የሲ አዝራሮች በጣም አመቺ ናቸው. ለጊዜው ስለ እነርሱ ሙሉ ቅጥ መቀየር ይችላሉ. እና, እርግጥ ነው, በአጠቃላይ የጣቢያውን ንድፍ ተጨማሪ አጋጣሚዎችን ይሰጣል.

ለመጀመር ያህል, ግራ እና አለመግባባት ለማስቀረት, አንዳንድ ጽንሰ መረዳት አስፈላጊ ነው.

ነው የሲ,

"Cascading ቅጥ ሉሆች" ትርጉም ውስጥ ማለት የሲ ኤስ, በኢንተርኔት ላይ ዋና ቴክኖሎጂዎች መካከል አንዱ ዛሬ ነው. በዚህ ቋንቋ ያለ ቢያንስ አንድ ጣቢያ ወጪ ብሎ ማሰብ ዘበት ነው.

CSS-ኮድ - እንደ ገጹን እና የት ማድረግ ላይ የማሳያ አባሎች መረጃ የያዙ አሳሾች መመሪያ.

የቅጥያ .css ጋር የተለየ ፋይል ውስጥ እነዚህን መመሪያዎች ለማከማቸት ቀላል ነው. በሌላ በኩል, እነሱ html-ሰነድ መጀመሪያ ላይ መቀመጥ ይችላል.

በጣቢያው ላይ አዝራር. ምን ነው

የጣቢያውን የዳሰሳ አዝራር, ወይም ግራፊክ እሷ አስፈላጊውን መረጃ ተደብቀው ነበር መሆኑን ለማየት ጎብኚ ትኩረት ለመሳብ ይገባል, እና በተጨማሪ, ጠቅ ይፈልጋሉ ነበር. ይህም በበቂ ብሩህ እና ታዋቂ ሲሆን, መታወቃቸው ይሆናል. ይህ አዝራር ለምሳሌ ያህል, በጣቢያው ላይ አስተያየቶችን መተው, ወይም ሳቢ ወደ በራሪ ጽሑፍ ይመዝገቡ አንድ ጥያቄ መላክ, እና እርግጥ ነው, በቀላሉ ጣቢያ የተጠየቀውን ተጠቃሚ ክፍል ማስተላለፍ, ጎብኚዎች ያታልላሉ ይችላሉ.

አዝራሮች ሞቅ, ተለዋዋጭ, ድምፅ እና ያለ የማይንቀሳቀስ ናቸው.

እነዚህ በተለየ Photoshop ላይ, ለምሳሌ, የፈጠረ, እና ሳይቱ ላይ አንድ ምስል ለመስቀል, እና በቀላሉ እና በፍጥነት CSS ውስጥ ከእነርሱ ጋር ሊመጣ ይችላል ይቻላል.

የሲ አዝራሮች

እነዚህ አዝራሮች በጣም ቀላል አድርግ. አጠቃቀማቸው ያለውን ታላቅ ጥቅም በማንኛውም ጊዜ, ሰከንዶች ብቻ አንድ ሁለት ጊዜ: እናንተ እውቅና ባሻገር መለወጥ እንደሚችል ነው.

እንደምናውቀው, ሦስት ቁልፍ ነጥቦች አሉ:

• ልክ ገጽ በማሰስ እንደ ከእርሱ ጋር ምንም ነገር ከማድረግ ጊዜ ያድርበታል;
• በላዩ ላይ ጠቋሚውን ማንዣበብ አቀማመጥ;
• ጠቅ ጊዜ እና ማግበር.

ወደ ሙሉ አዝራሮች በትክክል Firefox, Safari, ኦፔራ, እንደ Chrome አሳሾች ውስጥ ይታያል. ኢንተርኔት ኤክስፕሎረር 9 ውስጥ በተመሳሳይ ጊዜ, አዝራሩን ሙሉ ውስጥ አይታይም. ለምሳሌ ያህል, ማዕዘኖች ዙሪያ, አዝራሩን ዙሪያ ጽሑፍ ጥላ እና የጭረት ምክንያት እነዚህን ባህሪያት በዚህ አሳሽ አይደገፉም እውነታ እዚህ የሚታይ አይሆንም. ይሁን እንጂ በአጠቃላይ ሲታይ, ለጣቢያው የሲ-አዝራሮችን በአሳሹ በዚህ ስሪት ውስጥ ጥሩ ይመስላል. ኢንተርኔት ውስጥ Explorer 8 እና አዝራር ላይ ስምንተኛው በታች ሌሎች ስሪቶች የሚታዩ ድምጽ መሆን አይደለም, ነገር ግን በአንድ ጊዜ, gradients መልክ ለመጠበቅ.

እኛ ምስሎች እና CSS አዝራር መልክ ያለውን አዝራር ማወዳደር ከሆነ, ልዩነት በአገልጋዩ ላይ ቦታ ሙሉ በሙሉ ተዛማጅነት የሌለው ይሆናል ነው. ነገር ግን የሲ አዝራር ወደ አገልጋዩ ጥያቄዎች ብዛት ለመቀነስ ይሆናል, ነገር ግን አንድ ምስል አድርጎ አዝራር ጋር ሲነጻጸር ግልጽ ጥቅም ይሆናል.

ይህም, ኢንተርኔት ኤክስፕሎረር ውስጥ ተጠቃሚዎች ያጣሉ ብቻ ነገር እንዲሁ በድር ላይ ዘመናዊ ቴክኖሎጂ ውበት ለማየት ምክንያቱም በ Internet Explorer ውስጥ አንዳንድ የሲ ንብረቶች ያለውን ድጋፍና የለም, እነዚህ አዝራሮች አሁንም, የበለጠ ቀላል ምስሎች ይልቅ አሸናፊ እንደሚመስል እንኳ መሆኑን ስናገኘው -Design. ነገር ግን በጣም ረቂቅ ጉድለት ነው.

ለእያንዳንዱ ቦታ ለ የራሱን ቅጥ የተሰጠው ነው. እነዚህ ቅጦች ልዩ ፋይል .css ውስጥ ወይም በጣም ገጽ ላይ ራስ መለያዎች መካከል የተጻፉ ናቸው.

ድር ላይ አንድ አዝራር ያስቀምጡ

አካል መለያዎች የጽሁፍ ኮድ መካከል:

የት

id = "BUTTON2" እዚህ, አዝራሩን የተመደበ ስም ነው

href = http: // ጣቢያ / አንቀጽ / 175988 /% E2% 80% 9D% D0% 93% D0% 98% D0% 9F% D0% 95% D0% A0 ን% D0% .1% D0% .1% D0% AB % D0% 9B% D0% 9a% D0% 90% 80% 9D ወደሚፈልጉት ሰነድ ቀጥተኛ አገናኝ ተሰጥቶናል E2%,

ጽሑፍ - የታተሙ ጽሑፍ አዝራሩን ላይ እንዲታዩ.

አዝራሮችን ለ ቅጦችን

1. CSS ቅጥ አዝራር በሰነዱ ውስጥ ወይም ገጹን በራሱ ለብቻው ተመዝግቧል:

እነርሱ እረፍት ላይ ናቸው ወቅት 2. በመጀመሪያ የተጻፈው የሲ አዝራሮች:

3. ተጨማሪ ልኬቶችን ጠቋሚውን ይህን ይጠቁማሉ ጊዜ አዝራር ተጓዳኝ, ተመዝግበው ይገኛሉ. በዚህ ጉዳይ ላይ ብቻ ቀለም እና ጥላ, እና ቅጥ የሚለውጥ ከሆነ, ሁሉም ነገር ቀለም እና ጥላ በስተቀር, ተመሳሳይ ይቆያል;

4. የመጨረሻው አማራጭ አዝራርን ቦታ በላዩ ላይ ጠቋሚውን ሲጫን ነው. ብዙውን ጊዜ እንዲህ ያሉ ጉዳዮች በዚህ ሁኔታ ውስጥ ያሉ ቀለም ብቻ ቢያንስ ለውጥ, በ:

የሲ - ቆንጆ አዝራሮች

አንድ የግራዲየንት ለመፍጠር, አዝራሮችን መጠቀም ይችላሉ. እሱም በመጀመሪያ እንደ Photoshop እንደ ማንኛውም ምስል አርታዒ, ላይ ያለውን አዝራር ለመሳብ የተሻለ ነው, ስለዚህ እርስዎ መጨረሻ ላይ ይከሰታል በትክክል ምን እንደሆነ ታውቃላችሁ. በ Photoshop የሚጠቀሙ ከሆነ, ከዚያ መጀመሪያ አስቀድሞ አንዳንድ gradients አሉን, ነገር ግን በተጨማሪ, አንተ, በጣቢያው ላይ ማግኘት የምትፈልገውን ዓይነት ተጨማሪ እና ተጨማሪ ማውረድ ይችላሉ.

CSS-ኮድ እና መለወጥ የተለያዩ መለኪያዎች ጋር ሙከራ, ይህም የ CSS ውብ አዝራሮች መለወጥ ይቻላል, እና ምርጫ በማድረግ, የሚፈለገው ውጤት ለማሳካት.

እነዚህ መለኪያዎች ናቸው:

- የ አዝራር ላይ ያለውን ጽሁፍ ቀለም;

- ጽሑፉ እና አዝራሮች መጠን;

- ቀለም የግራዲየንት አዝራሮች;

- አዝራሮች ራዲየስ አንግሎች;

- ከእሷ ጭረት እና ቀለም.

አላዘዝናችሁምን ሙከራ እና የተሻለ አማራጭ ለመምረጥ, ያለ ፍርሃት, በደህንነት, ይችላሉ መናገር. መለኪያዎች መካከል አነስተኛ ቁጥር ቢሆንም, በእነሱ ቅጥ አዝራሮች ውስጥ በጣም የተለያዩ መፍጠር ይችላሉ.