ኮምፒውተሮችፕሮግራም

የሚያምር የሥር CSS-ክፍሎች

ቴክኖሎጂ stylesheet ኤም ኤል-ገጾች ንድፍ ውስጥ ሁለት ተግባራት አሉት. በመጀመሪያ, የራሱ እርዳታ ጋር, የጣቢያውን ግለሰብ አባሎችን ምስረታ ቦታ የለም. በሁለተኛ ደረጃ: ወደ ተጠቃሚው ወደ ዩኒቶች በምስል ማራኪ ያደርገዋል. ሁለተኛው ተግባር አፈፃፀም በብዙ መንገዶች ይከሰታል. ከእነርሱ መካከል አንዱ - ያረጋግጥልናል. የሲ ይህ አይነታ text- ጌጥ የሚሆን ይሰጣል.

ዝርዝር አይነታ መዝገብ

text- ጌጥ ንብረት ቀላል ነው ይጠቀሙ. የ CSS ፋይል ኮድ ውስጥ ለመመዝገብ በቂ, ወደ ንጥል ለማግኘት የሚከተለውን መስመር:

text- ማሳመሪያ: znachenie_atributa;

ከዚህ ይልቅ "ስለ znachenie_atributa» CSS ዝርዝር አማራጮች በርካታ ያቀርባል:

  • አስምር - በቀጥታ ጽሑፍ ከታች በሚገኘው መስመር;
  • overline - መስመር ጽሑፍ አናት ጀምሮ ይሰራል;
  • አንዳቸውም - ሁሉም ጌጥ ውጤቶች እንዲወገድ;
  • ውረሱ - ወላጅ ኤለመንት ዋጋ ተቀብሏቸዋል.

ይህ አይነታ የሲ ጎላ, ነገር ግን እንደ "ጥቅሻ" ወይም ስርዝ ጽሑፍ እንደ ሌሎች ውጤቶች ብቻ ሳይሆን ይገልጻል እንደ ከላይ, ቀረጻ ሁሉ ይቻላል ዓይነት አይደሉም.

የንድፍ አገናኞች ምሳሌዎች

የድር ዲዛይን እና ፕሮግራሞች ውስጥ ለጀማሪዎች, ጥያቄ ይነሳል: ለምን በጽሁፍ ውስጥ ዋናው ነው? የኢንተርኔት ቴክኖሎጂ ዘመን በእርሱ ፊት አገናኝ መሆኑን እውነታ ወደ ተጠቃሚ ድልድል በዚህ ዘዴ መባቻ ላይ - የትኛው ላይ ጠቅ በማድረግ, ጽሑፍ ወደ አዲስ ገፅ ወደ ሽግግር ይከናወናል.

በነባሪ, አገናኝ ንብረት የተሰመረበት ተዘጋጅቷል. በተግባር, የቦዘነ መሣሪያዎች ሆነው መስመር ማስወገድ እና ተጠቃሚው የመዳፊት ጠቋሚ ያነሳሳቸዋል ሆኖ እንዲታይ ለማድረግ አንድ ችግር አለ ማለት ነው. እዚህ ላይ የሥር የሲ አገናኞች ባስወገደ ኮድ ምሳሌ ነው:

የ {text-decoration: none; }

የሚከተለውን መግቢያ በመጠቀም ንቁ አገናኞች:

አንድ: ማንዣበብ {ጽሑፍ-ማሳመሪያ: አስምር;}

የላቁ ለ ጌጥ የሥር

ጌጥ text- መደበኛ መገለጫ በርካታ ገደቦች አሉት:

  • አገናኙ ጽሑፍ ቀለም የተለየ መስመር ቀለም, ይህም ያላቸውን "ቀለም" መካከል ያለውን ልዩነት የማይቻል ነው;
  • ብቻ ድፍን መስመር የሥር ሆኖ ያገለግላል. የሲ ምልክት ሌሎች ስታይል መጠቀምን ይጨምራል አይደለም.

ነገር ግን ልዩ ዘዴዎች ማለፊያ የጽሑፉ ክላሲክ መልክ መርዳት. በመጀመሪያው ሁኔታ ውስጥ, ወደ አማራጭ መለያ በመጠቀም አገናኝ ማዘጋጀት.

ለምሳሌ ያህል:

<= Span style "ቀለም: ሰማያዊ "> አገናኝ

. >

በዚህም ምክንያት, ወደ ገጽ አገናኝ ሰማያዊ ውስጥ ይጻፋል ገጽ ላይ ቃል እና መስመር ቀለም ቀይ ይሆናል.

CSS የሥር የሚፈቅድ መሆኑን ሌላው ከፍተኛ ዘዴ, - ድንበር-ታች. ምሳሌ ከዚህ በታች ያለውን ጥቅም የሚያሳይ:

የ {ድንበር-ከታች: 1px ድፍን ቀይ;}

ውጤቱ ቀደም ምሳሌ ጋር ተመሳሳይ ይሆናል. ነገር ግን ይህ ዘዴ ጠቃሚ ጥቅም አለው. መስመር ቀለም መቀየር በተጨማሪ (በአሁኑ ቀይ ማዘጋጀት - ቀይ), ይህ ዘዴ ጽሑፍ ለማሸጋገር ይቻላል:

  • ነጠብጣብ - ነጥብ ጎላ አድርጎ ያደርጋል;
  • ይጨፈጨፋሉ - መስመር ግርፋት ያካትታል;
  • ሁለቴ - አንድ ሁለት መስመር ይስባል.

ስለዚህ, border- ከታች ይበልጥ ተግባራዊ ነው ይስጡ. ጽሑፍ በታች ጌጥ መስመር ማሳያ በተጨማሪ, ይህ የሚቻል መልኩም ለማበጀት ያደርገዋል.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 am.atomiyme.com. Theme powered by WordPress.