පරිගණක, වැඩසටහන්
CSS, ව්යාජ, ව්යාජ: පියාසර, ළමා, ඉලක්කය
HTML හා CSS ඒකාබද්ධ කිරීම මගින්, ඔබ පරම වෙබ් පිටු සියලු අංග පාලනය කළ හැකිය. විලාසිතා ඔබට පහසුවෙන් ඕනෑම වාරණ හෝ මාර්ගය පෙනුම වෙනස් කළ හැක. බොහෝ විට සදහාද සහය දක්වනු ලැෙබි වඩාත් සංකීර්ණ කාර්යය ඉටු කිරීම සඳහා අවශ්ය - එම මූලද්රව්යය ම පෙනුම වෙනම කොටසක් හෝ යම් රාජ්යයක් ලෙස නො වේ වෙනස් කිරීමට. මේ අවස්ථාවේ දී, ව්යාජ CSS උදව්වට.
අදාල මාර්ක්අප් අඛණ්ඩ පන්ති සමාන මූලධර්මය මත ව්යාජ ක්රියාත්මක කිරීමට, නමුත් ශාරීරිකව ඔවුන් මෙහි නැත මෙහි වෙති. ඔවුහු සාමාන්ය තේරීම් තෝරා වනු ඇත ලියවිල්ල තොරතුරු ඇතුළත් කර නැති අංග පදනම මත තෝරා ගත හැක. මෙහි සරල උදාහරණයක්: ඔබ රතු බොත්තම ඇති අතර, ඔබ එය නිල් බවට පත් විය පියාසර කරන විට ඔබට අවශ්ය. න්යායිකව, එය JavaScript ක්රියාත්මක කළ හැකි, නමුත් ඇයි එය එසේ අපහසු වන්නේ ඇයි? බොහෝ විට ඔබට වඩාත් පහසු භාවිත කිරීමට : පියාසර CSS. එහි සහාය ඇතිව ඔබ යම් ඒකකය විට පමණක් මූසිකය කර්සරය මුලපුරනු ලබන පරාමිතීන් ලබා දිය හැක.
CSS වේ ව්යාජ පන්ති ලැයිස්තුව නිතිපතා යාවත්කාලීන කර ඇත. සමහර විට, ඔබ කියවන අතර මෙම ද්රව්ය, නව දර්ශණය කිහිපයක්. ආරම්භ කිරීම සඳහා, CSS3 පිරිවිතර පෙනී යන අය ගැන සලකා බලමු.
: අර්ථදැක්වීම-of-වර්ගය
නැවත රතු තුන්වන, නිල් නැවත සිව්වන .. නිල් - එනම්, පළමු පෙළ උදාහරණයක් ලෙස, රතු අකුරු ලියා, වන අතර, දෙවන, ඔබ වර්ණ ප්රත්යාවර්ත භාවිතා කිරීමට අවශ්ය වන ලැයිස්තුවක් ඇති සිතන්න. මීට කලින්, ඔබට නව පන්ති නිර්මාණය කිරීමට සිදු විය. පසුගිය සැකසුම පන්ති ලැයිස්තුව එක් එක් අංගයක් එකතු, පසුව stylesheet ඔවුන්ගේ පෙනුම වෙනස් විය. ඒ සඳහා බොහෝ සැප පහසු හා සැලැස්ම දූෂණය නොවේ.
දැන් හැම දෙයක් පහසු ය. CSS වේ ව්යාජ පන්ති භාවිත කරන්න: අර්ථදැක්වීම-of-වර්ගය. මෙම අදාල මාර්ක්අප් කිසිම දෙයක් වෙනස් නොකර, අවශ්ය දෘශ්ය ලබා ගැනීමට අවස්ථාව ලබා දෙනු ඇත. මූලධර්මය ඉතා සරළ ය: ඔබ තේරීම් ඇතුලත් කරන්න, සහ නම අවශ්ය අංග සොයා බව සූත්රයක් හෝ මූල පදය ලියා පසුව වරහන්. උදාහරණයක් ලෙස ,: අර්ථදැක්වීම-of-වර්ගය (පවා) සියලු පවා අංග ඇත, සහ: අර්ථදැක්වීම-of-වර්ගය (අමුතු) - අමුතු. හරියටම පාලනය කිරීම සඳහා භාවිතා වේ සූත්ර විශාල සංඛ්යාවක් ඇත. වරහන් හැකි අංකය සඳහන් - මෙම නඩුවේ මෝස්තර සිය දර්ශකය මෙම සංඛ්යාව සමාන වේ එම මූලද්රව්යය සඳහා ඉල්ලුම් කළ යුතුය.
: අර්ථදැක්වීම-ළමා
පියවර පිළිබඳ මූලධර්මය මත මෙම CSS ව්යාජ පන්ති පෙර එක් සමාන වන නමුත්, එය තෝරාගත් අයිතමය දරුවන් සමග සුවිශේෂ වැඩ මෙන් නොව. උදාහරණයක් ලෙස, ඔබ ලැයිස්තුවේ මව්
සූත්රය නිවැරදි පාලනය කිරීම සඳහා භාවිතා කළ හැක. ඔවුන් ආධුනිකයෙක් තරමක් දුෂ්කර වේ, නමුත් එය සෑම දෙයක්ම පහසු වන ආකාරය කාරක රීති බවට ටිකක් ගැඹුරට වටී. සමීකරණ පහත සඳහන් පරිදි වේ: එහිදී ක + ආ, - සාධකයක් වන අතර, ආ - පියවා. උදාහරණයක් ලෙස, වරහන් තුල n බවයි නම්, සියලු ළමා මූලද්රව්ය (එය හා ආ ස්වරූපයෙන් අමතර කොන්දේසි නිශ්චිතව දක්වා නැති නිසා) ව්යාජ-තෝරා. ඔබ n + 2 නියම නම්, පළමු (නිසා පියවා දෙකක් සමාන වේ) හැර සියලු අංග තෝරා ගනු ලැබේ. සියලු හොඳම, ප්රායෝගිකව අධ්යයනය කිරීමට මෙම කාලය. දරුවා සංරචක සහ වෙනස් සමීකරණ අත්හදා බැලීම්.
: අවසන්-ළමා
සෑම දෙයක්ම සරල ය. CSS ළමා ව්යාජ පන්ති යම්කිසි භාණ්ඩයක් තෝරා ගැනීමට භාවිතා වේ. මෙම මව් සංරචකයේ පසුගිය දරුවා තෝරා. ඉදිරි පිලිවෙතක් සඳහා තම මාරු වළක්වා ගැනීමට මේසය අවසන් පේළිය තෝරා ගැනීමට හෝ පසුගිය වාරණ සිට එබුම ඉවත් කිරීමට, උදාහරණයක් ලෙස, බොහෝ විට භාවිතා කරනු ලැබේ.
: අර්ථදැක්වීම-අන්තිම දරුවා
මෙහෙයුම් මූලධර්මය විසින් භාවිතා අංග උඩහට ගමන් කරනු ඇත විට, කලින් සඳහන් අර්ථදැක්වීම-ළමා සමාන වන නමුත්, විරුද්ධ දිශාවට, එනම් තුළ කටයුතු කරයි. ඊ. ඔබ පසුගිය උපකරණ කිහිපයක් සොයා ගැනීමට අවශ්ය නම් මෙම ප්රයෝජනවත් වේ.
ඔබ දේවල් සාම්ප්රදායික පන්තීන් විසින් හොඳින් සිදුකර ගත හැකි නිසා ඔබ, මෙම ව්යාජ පන්ති හා ව්යාජ-අංග පලක් CSS කියලා. මෙම එසේ නොවේ. : අර්ථදැක්වීම-ළමා ,: nth- පසුගිය ළමා විශාල ව්යාපෘති මත වැඩ කරන විට සහ ඔවුන්ගේ සමාකාර ඉතා පහසු වේ - උදාහරණයක් ලෙස, වාරණ දරුවන් විශාල සංඛ්යාවක් ඇත අවස්ථාවන්හීදී. අතින් දීර්ඝ කාලයක් පුරා වෙහෙස මහන්සි වී පන්ති කරගන්න.
ව්යාජ-රාජ්ය පාලනය
ඔබ යම් රාජ්ය මූලද්රව්යයක පෙනුම වෙනස් කිරීමට අවශ්ය නම්? මෙම නඩුව CSS ව්යාජ ක්ලික් කිරීම, යොමු කර සහ වෙනත් ක්රියා සපයයි. අපට විස්තර ඔවුන් සෝදිසි කර බලමු.
: ලින්ක්
මෙම ව්යාජ CSS යොමු, සියළුම, නමුත් තවමත් පැමිණ නැත ඇති බව එම පමණි. එය ඔබට පරිශීලක තවමත් සම්මත කර නැත සඳහා අංග සඳහා මෝස්තර ලබා ගත හැකි ය.
: සංචාරය
පමණක් පාලනය දැනටමත් සබැඳි සංචාරය කළ පෙර ලිපිය දිගු, ක ඇනෙලොග්. මේ දෙක, ව්යාජ-පන්ති ඒකාබද්ධ, ඔබට අවශ්ය ලෙස ම ටැග් පෙනුම ගත හැක. ප්රාන්ත විශේෂිත වෙබ් බ්රව්සර සඳහා ගණනය හා ප්රතිකාර ඉතිහාසය රෝහලෙන් පිට කරන බව කෙසේ වෙතත් මතක ඇති.
ව්යාජ-පන්තියේ: ඉලක්කය CSS
යම් දුරකට කිරීම සඳහා භාවිතා නම් වූ ඉතාම සිත්ගන්නා ව්යාජ පන්ති, එක් JavaScript භාවිතය විස්ථාපනය කරනු ඇත. එය පාලනය හඳුනාගැනීමේ පිටුවේ පේළිය ලිපිනය ඇතුළත් බව හැකියාව ලබා දෙයි. ඔව්, පළමු වරට එය තේරුම් ගැනීමට අපහසු වේ. ආදර්ශය විග්රහ කළ කිරීමට උත්සාහ කරන්න.
id1, id2, id3: ගේ අපි යම් යම් අංකය සහිත පිටු 3 කුට්ටි div මත ය කියන්න මට ඉඩ දෙන්න. # Id1, # id2: ඒ වගේම අපි තියෙන අදාළ වටිනාකම් සබැඳි තුනක් ඇත # id3. ඔබ අදාළ id ලින්ක් පිටුව ම වනු ඇත පසු මෙම වෙබ් පිටුවේ පේළිය ලිපිනය ප්රථම සබැඳිය මත ක්ලික් කල විට,.
සියලු කොටස් සඳහා CSS දක්වා දේපළ ප්රදර්ශනය div: None, එනම්, ඔවුන් පෙරනිමිය ලෙස පෙන්වන්නේ නැත. අප ඉලක්කය භාවිතා කරන්න: div හා එය දේපල ප්රදර්ශනය දෙන්න: වාරණ. දැන්, ඔබ සමහර තියෙන සමග සබැඳි ක්ලික් කල විට, අදාළ අංකය සහිත බිම් කොටස් ප්රදර්ශනය පවරා කරන්නෙමි: වාරණ අතර, එම නිසා, ඔවුන් පිටුවේ පෙනී ආරම්භ වනු ඇත! ඔබ = http තියෙන කිරීමට සම්බන්ධකයක් මත ක්ලික් කල විට,: // අඩවිය / ලිපිය / 319683 /% E2% 80% 9D # id1% E2% 80% 9D එසේ මත id1 සමග අවහිර, සහ ..
තවමත් කිසිම දෙයක් තේරෙන්නේ නැද්ද? අත්හදා බැලීම් කිරීමට උත්සාහ කරන්න. ඉහත විස්තර කර ඇති පිටු පරිසැලසුම හා මෝස්තර නිර්මාණය කරන්න. විනාඩි කීපයකට පසුව ඔබ මහත් අගය සියල්ල සිදු වෙනවා.
මූලද්රව්යයන් යෙදිය හැකි බව ව්යාජ
රැකියා සඳහා අවශ්ය ඉහත විස්තර ව්යාජ සබැඳි බොහෝ. කෙසේ වෙතත්, සියලු මූලද්රව්ය අවශ්ය නැහැ. නොමඟයවන සුලු කිහිපයක් සම්පූර්ණයෙන්ම පිටුවේ ඕනෑම කොටසක් ඉල්ලුම් කළ හැක.
- : සක්රීය පරිශීලක වම් මූසික බොත්තම ක්ලික් මත අංග ශෛලිය භාවිතා ඇත;
- : මවුසය - පරිශීලක කට පමන වන මූලද්රව්යවල සඳහා CSS;
- : අවධානය යොමු - අවධානය යොමු දැන් වන, එම පිටුව එම කොටස් සඳහා. ආකෘති පත්ර සමඟ වැඩ කිරීමට මෙම ව්යාජ-පන්තියේ විට භාවිතා කරනු ලැබේ. උදාහරණයක් ලෙස, අමුත්තකු එය කට කර්සරය සකසයි හා චරිත ඇමතීම ආරම්භ විට ඔබ පරිශීලක නම කඩිනම් තෝරා ගැනීමට අවශ්ය නම්,.
දැවෙන අවස්ථාවේ පමණක් ක්රියාකාරී වලංගු: බව මතක තබා ගන්න. වහාම වම් මූසික බොත්තම සේවය අවසන් මෝස්තර ද සහාය ඇතිව සකස් පසුව, ඥාතීන් අතුරුදන් කරනු ඇති අතර, ඒ පෙරනිමියෙන් දර්ශණය කරනු ඇත ලෙස අයිතමය ප්රදර්ශනය වනු ඇත. බොහෝ අවස්ථා වලදී, මෙම ව්යාජ-පන්තියේ බොත්තම් සමඟ වැඩ කිරීම සඳහා භාවිතා කර ඇත. ඔබ රාජ්යයන් විශාල සංඛ්යාවක් ඔවුන් සකස් කළ හැකිය. කොළ, දැවෙන - - උදාහරණයක් ලෙස, පෙරනිමි බොත්තම, නිල් සැරිසරා ඇත ආදිය, රතු, ...
ඇත්ත වශයෙන්ම, ව්යාජ-පංති පමණක් සම්පූර්ණ නවීන බ්රවුසරයන් සඳහා සහාය දක්වයි. උදාහරණයක් ලෙස, IE6 සහ 7 දී අවධානය යොමු, සහ එකම IE6 දී පොතක සඳහා මවුසය හා ක්රියාකාරී භාවිතා කිරීමට නොහැකි වනු ඇත. ඇත්තෙන්ම, ඔබ මේ වෙබ් බ්රව්සර සමග වැඩ කිරීමට නොහැකි වනු ඇත, නමුත් ඔබ තවමත් කොන්දේසි ප්රතිචාර භාවිතා, නැඟී ආවා අවශ්ය නම්.
අමතර ව්යාජ
ඉහත ලැයිස්තුවට ලැයිස්තු ගත කර ඇති විකල්ප එතනින් නතර වෙන්නේ නැහැ. පමණක් ඇතුළත් අංග නූතන CSS ස්තුති සොයා හැක (: සක්රීය) හෝ හුදෙක් කපා: (: පරීක්ෂා) (ආබාධිත), එකම සලකුණු කොටුව සලකුණු සහ ගුවන් විදුලි මාරු. ඔබ වඩාත් ගැඹුරු පාලනය සඳහා අන්තර්ගත පෙනුම භාවිතා කල හැකි බව කිහිපයක් වඩා විකල්ප කෙටියෙන් විස්තර කරන්න.
- : එකම දරුවා - එකම දරුවා අංගයක් වන මූලද්රව්යයක් විලාසය අයදුම් කිරීමට හැකි සමේ;
- : Lang - මෙම lang විශේෂණය භාෂාව භාවිතා ලබාදී ඇති මූලද්රව්ය සමග වැඩ කිරීම;
- : මූල - root අංගයක් තෝරා කිරීම සඳහා යොදා ගනී. ඒ අනුව, එවැනි HTML ටැග් ය;
- : නැහැ - ඉතා ප්රබල මෙවලමක්. එය ඔබ තේරීම් ඇතැම් ශෛලීන් භාවිතය සීමා කිරීමට ඉඩ දෙයි. .blue-වර්ණ: නැත (කාලයක් මෙහි උදාහරණයක් .) ඒවා වෙනස් කළ නොහැකි නම්, , පන්ති නිල් වර්ණ සමග සියලු අංග වෙත ශෛලිය අයදුම් කිරීමට ඒ තේරීම්.
ව්යාජ පන්ති සම්පූර්ණ ලැයිස්තුවක් එක් පිටුවේ දිගු කළ නොහැක. බොහෝ වෙබ් නිර්මාණකරුවන් JavaScript සමග තත්ත්වය පාලනය කිරීමට වැඩි කැමැත්තක් දැක්වුවා, ඔවුන්ගෙන් සමහරක් පමණක් ප්රායෝගිකව භාවිතා කරන්න. ඔව්, එය පහසු, ඒත් සුදුසු ව්යාජ භාවිතා වඩාත් ඵලදායී ප්රතිඵල පහසු අත්පත් කර ගත ඇතැම් අවස්ථාවලදී ඇත.
Similar articles
Trending Now