CSS පෙර - මුල්, සුවපහසු, ප්රායෝගික

ව්යාජ මූලද්රව්ය හා ව්යාජ-පන්ති CSS: පෙර, පසු, සැරිසරා, ක්රියාකාරී, ආදිය - ගුණාත්මක බව වැඩි දියුණු කිරීම සහ ක්රියාත්මක කිරීම අඩවිය සරල කිරීම සඳහා ඵලදායී අවස්ථාව පැහැදිලි මත ජාවාස්ක්රිප්ට් හසුරුවන්නා කේතය ඇතුළු නැහැ, සංකීර්ණ ප්රතික්රියා සැලසුම්, මූලද්රව්ය සිදුවීම්, දෙබස් හා නරඹන්නන් ක්රියා අවශ්ය නැහැ.

, පහසු multifunctional ව්යාජ, සරල හා සංකීර්ණ හිමිකම් භාජන සඳහා සැලකිය යුතු හා බහුවරණ ගුණ ඇති: ආකාරය මුල් දිනුම් ඇදීම අවධානය, සීමා මායිම් නොමැතිව හරි තැන ඉඟියක් ගෙන ඒමට අවශ්ය කටයුතු පැහැදිලි.

ව්යාජ අන්තර්ගතය තුළ විට නිශ්චිත url එක () ඉතා යහපත් විවෘත කරන්න. ඇත්ත වශයෙන්ම, මෙම විකල්පය ඕනෑම තැනක නව මානයන්, දෙකම පිටුවට බාගත දෙයක් අනුව, සහ කිසිවක් ඇති විය හැකි සක්රිය විවෘත

ව්යාජ ක විශේෂ ලක්ෂණයක්

(CSS පෙර ::, :: පසු) ව්යාජ මුලින් බලන්න ගස පවතින නැති බව අංග, තේරීම් හා ව්යාජ-පන්ති වෙනස්. සමහර විට, ප්රායෝගිකව එය විශේෂයෙන් වැදගත් නොවේ, නමුත් අපි වෙබ් අඩවියේ අන්තර්ගත අන්තර්ගත තැබීමෙන් ද යන ප්රශ්නය සලකා බලන්නේ නම්, ඔබ සෙවුම් යන්ත්රය සඳහා අර්ථවත් යමක් අන්තර්ගතය දේපල තේරුමක් නැත විශ්වාස කරනවා.

ව්යාජ :: CSS පෙර ඔබ මූලද්රව්යයේ අන්තර්ගතයට එකතු කිරීමට ඉඩ ලබා දෙන අතර, :: පසු - පසුව. පටුන CSS ගුණ අනුව සංකීර්ණ හැඩතල ගැන්වීම සරල පෙළ, නමුත් කිසිදු HTML ටැග් සිට වෙනස් විය හැක. පෙර සහ පසු අර්ථය සාපේක්ෂ ජංගම නිසා ව්යාජ හොඳින්, අනුයුක්ත කර ඇති අංගයක්, ඇතුළත ස්ථානගත කළ හැකිය. ඔබ තත්වය නියම කල හැක, පමණක් නොව, ප්රමාණ, වර්ණ, පසුබිම්, අකුරු, සහ CSS අනෙකුත් ලක්ෂණ භාවිතා කරන්න.

ලෙස ව්යාජ තැටියක CSS, පෙර හා පසු සංකේතය විසින් පෙර කරන ":" නමුත්, CSS3 සම්මත නිර්දේශ "::". පිටුවක් පිළිබඳ විශේෂයෙන් භාවිතා පරීක්ෂා කිරීම සඳහා කවදාවත් සමහර බ්රව්සර හෝ සංස්කරණ හුදෙක් යම් ව්යාජ නොදැනේ හැක වඩා වැඩි වනු ඇත.

භාවිත කිරීමේ පොදු කොන්දේසි

පැමිණවීමෙන්, උදා, div අංගයක්, විස්තර class = 'scElement' සහ පිටුවට අන්තර්ගතය "මූලද්රව්ය" CSS-විලාස පත විස්තරයක් පෙන්නුම්:

.scElement {
තත්ත්වය ...;
z-දර්ශක ...;
...

}

": පියාසර" CSS "පෙර ::" ව්යාජ හා ඔබ ව්යාජ ඉල්ලුම් කළ හැකි:

.scElement: පියාසර :: {අන්තර්ගතයට පෙර 'උපසර්ගය'; වර්ණ ...; පසුබිම වර්ණ ...;}.

එවිට ඔබ වචනය පෙර මුසික පියාසර කරන විට 'මූලද්රව්ය,' 'උපසර්ගය' යන වචනය, අකුරු හා පසුබිම වර්ණය වෙනස් වන දිස් වනු ඇත.

අන්තර්ගත වෙනස්කම් ව්යාජ

scElement - ඔබ ව්යාජ ගුණ සඳහන් කර නොමැත නම්, ඔවුන් ප්රධාන අංගයක් හා සමාන වනු ඇත. ඔබ URL එකක් සඳහන් කළ හැකි අතර, එසේ නම් අන්තර්ගතය දේපල: url එක ( '/ scBox / rm-v / sc-rights.png') කර්සරය කොටස් කෙරෙහි ප්රතිරූපය පෙන්වන විට. "\ 03B1" ගණිතමය දර්ශණය වනු ඇත: අන්තර්ගතයට පිළිබඳ පැමිණිල්ලේ දී සංකේතය "ඇල්ෆා", "& nbsp;", ": නමුත් විශේෂ අක්ෂර භාවිතා සහ අද එසේ;", "සහ laquo;", "& raquo;" සහ වෙනත් අය නැහැ - මෙන් ඔවුන් ප්රදර්ශනය වනු ඇත.

pseudo- අන්තර්ගතය නියම කිරීමට විකල්ප ගොඩක් ඉඩ: සාමාන්ය "පිටපත", url එක (), ෂඩ් දශම අනුලකුණු අනුක්රමයක්, වෙත යොමු වන්න: අන්තර්ගතය පිළිබඳ නිරපේක්ෂ පිහිටීම ඇති බවට එය අනතුරු ඇඟවීමක් විය ලෙස විය හැක විවෘත උපුටා / සමීප උපුටා, හෝ කිසිදු-විවෘත උපුටා / නැහැ-සමීප උපුටා, ආදිය. ශෛලිය ගුණ හරහා පෙර යෙදීමෙන්, CSS ව්යාජ ඕනෑම තැනක එය සම්බන්ධ කරන ලෙස මූලද්රව්යය තැන්පත් කරනු ලැබේ.

ඔබ පෙර හා පසු එකවර භාවිතා ඒකාබද්ධ කළ හැක. ඒ නිසා, අන්තර්ගතය චරිත පෙර CSS භාවිතා ඇතිකරන, ඔබ බලපෑම් විවිධ, වෙනස් ව්යාජ පන්ති හා ව්යාජ-අංග ඒකාබද්ධ ලබා ගත හැක, නරඹන්නන් පුදුම, එම අවස්ථාවේ දී තනි බයිට-කේතය පවා JavaScript වැය වෙලා නැහැ.

විශේෂාංග ව්යාජ

ඔවුන්ගේ තනතුරු සඳහා අනුගමනය ":" චරිතය, මෙන්ම ව්යාජ වෙත යොමු කිරීමට, නමුත් සාමාන්යයෙන් "::" මගින් වන CSS3 ව්යාජ මෙන් නොව. එය තේරුම් වෙබ් බ්රව්සර, තනතුරු දෙකම සංජානනය. එකට වාර්තා, පටිගත හිදැස් අවසර නැති වැල වාර්තා කරමින් සහ ව්යාජ (හෝ පමණි) ව්යාජ:

scElement: පියාසර :: {අන්තර්ගතයට පෙර 'උපසර්ගය'; ...}

scElement: ක්රියාකාරී: {අන්තර්ගතයට පසු: 'යන ෙපර ෙයදුම'; ...}

එම වෙබ් අඩවිය අන්තර්ගත වීගෙන පෙර CSS: එය මතක තබා ගැනීම වැදගත් වේ. විලාස පිටුවේ අන්තර්ගතය සම්බන්ධ නොවේ. ව්යාජ - ගතිය නැත. ඔවුන් වෙබ් අඩවියේ අදාල අංශ ඔවුන් භාවිතා කිරීමට DOM ගසක් පෙනී නොවන අතර, අනවශ්ය - අන්තර්ගතය, ඔවුන් ලබා ගැනීමට නොහැකි වනු ඇත.

ඇති "" හා ":: භාවිතා කරමින්" ජංගම වේදිකා සහ නවීන බ්රවුසරයන් සහයෝගය, නමුත් බොහෝ විට අනවශ්ය නොවේ පැරණි අනුවාද මත වැඩ පරීක්ෂා කර ඇත.

ව්යාජ නොවන අඩවියේ අන්තර්ගතයට ඇතුළත් අන්තර්ගතය. එය සෙවුම් යන්ත්ර දැකිය නොහැක. මේ අවස්ථාවේදී භාවිත කරන ආකාරය - නිශ්චිත තත්වය මත පෙර CSS භාවිතා කිරීමේ හැකියාව පසුව, ස්වාධීනව හෝ සංකීර්ණයේ, රසවත් ද අන්තර්ගතය url එක විට (රඳා පවතී, නමුත්, මෙන්ම). වෙබ් අඩවිය වෙත සබැඳි ලෙස අන්තර්ගතය ව්යාජ සෘජු භාවිතය, ඔහු පින්තුරයක්, උදාහරණයක් ලෙස, ගොනුව බාගත කර ගැනීම සඳහා ඉඩ ලබා දෙනු ඇත.

සමඟ අමුත්තන් විලාසය ගොනු වෙනස් කිරීමට ඇති හැකියාව (CSS යෙදා ගොනු තීරු දර්ශන - ගතිය) ස්වරූපයෙන් ඇඟිලි නොගසන සහ ව්යාජ එය පහසු ලෙස ඕනෑම අවස්ථාවක, හරි තැන ඇල්ගොරිතමය දී, නරඹන්නන් ක්රියා මත පදනම්ව භාවිතා කරන්නේ නැහැ.