CSS වේ: අකුරු වර්ණය, ශෛලිය, රටාව, ප්රමාණය

වැඩසටහන් - කැඩපත: ආරම්භයේ දී වචනය වූ අතර, නැවත පිළිබිඹු නොවේ. ඉතා ඉක්මනින් එය "වෙනසක්" සිදු විය: පළමු කැඩපත, එසේ නම් වචනය ... මේ මොහොතේ දී, විලාස පත තීරු දර්ශන - හොඳයි, ඒත් ඇයි මෙතරම් කාලයක් එය සංවර්ධක කමක් යන්නේ? CSS වේ - ඒ සියල්ල එකම මාලාවක් වතාවක් පරිගණක වැඩසටහන් යුගය, නමුත් එකම වෙනස් ඉදිරිදර්ශනය. පවා ජනතාව associative විප්ලවය බවට පත් වන විට සිදු කර නැත.

වෙබ් අඩවිය පිටුව - එය යම් විලාසිතාවක් හෝ ශෛලිය පන්ති හඳුනාගැනීමේ ආරෝපනය කළ හැකි HTML-සලකුණු, ටැග. පළමු වරක් අර්ථ හැක කිසිවක්, බෙහෙවින් අවශ්ය කරන කාලය ආරෝපණය කිරීමට, හා දෙවන යම් අංගයක් අයත් වේ.

මෝස්තර විස්තර පොදු තර්කය

සම්ප්රදාය වන විට, ශෛලිය, CSS ගොනු තබා ඇත, නමුත් එහි ශෛලිය විශේෂණය දී යම් අංගයක් විග්රහ කළ හැකිය. විලාසය JavaScript මෙවලම් ගතිකත්වයන් තුළ නිර්මාණය කිරීම ද කළ හැක. විශේෂයෙන් වැදගත් විස්තර කර ඇති පරිදි, උදාහරණයක් ලෙස, මාර්ගයෙන් නොවේ CSS වර්ණ අකුරු, එහි විශාලත්වය, මෙම හෙඩ්සෙට්, එය යටතේ පසුබිම හා එසේ මත. ස්ථානය විස්තර ශෛලිය සාමාන්යයෙන් අදහස් දෙකක්, සන්දර්භය තුළ වැදගත් වේ: පසුව විස්තර, ඒ නිසා ඉහළ ප්රමුඛතාවක් වන අතර, එම මූලද්රව්යය විස්තර නම්, එය වැදගත් වන්නේ !. එය පසුගිය වාර්තා, පැහැදිලිව ම ප්රමුඛත්වය නිර්වචනය කරයි.

විලාසය යම් ෆොන්ට වර්ණය වෙනස් වර්ණ, උදාහරණයක් ලෙස, අදාළ, ඕනෑම තැනක, ඕනෑම දෙයක් විය හැකිය. ප්රශ්නය වන සියලු මෝස්තර පිළිබඳ disassembly තුළ බ්රව්සරයේ ප්රතික්රියා කරන්නේ කෙසේ ද යන්න යි. කොපමණ ඔහු මෙම CPU මත ගත කළේ?

ඉතා මැනවින්, ෆොන්ට වර්ණය එක් වරක් පමණක් සඳහන් කළ යුතුය - එය කදිම ය. ඔබ, ඔබට හැකි යුවළක් සරල විස්තරයක් වෙත හිතන්න, ඉන් තවත් තවත් ... ඇත්තෙන්ම. එය විලාසිතාවක්, නමුත් ප්රායෝගික වේ.

උදාහරණයක් සාමාන්ය තර්ක

සියලු අංග තුනක් සඳහා CSS වර්ණ විසින් ඉතා සරළව තීරණය, එය දිගු ධාවන ගැටළු අවම වශයෙන් තුනක් ලබා ගැනීමට හැකි වේ:

# Ele1, # Ele2, # Ele3 {
තත්ත්වය: පරම,
වමේ: 20px;
ඉහළ: 14px;
වර්ණ: රතු,
}

# Ele2, # Ele3 {
වමේ: 90px; // තැටියක CSS තිරස් ඛණ්ඩාංක වෙනස්
වර්ණ: කහ, // අකුරු CSS පාට වෙනස්
}

# Ele3 {
ඉහළ: 114px; // තැටියක CSS සිරස් සම්බන්ධීකරණය වෙනස්

වර්ණය: කොළ; // නැවත වරක් අකුරු CSS පාට වෙනස්

පසුබිම වර්ණ: lightgrey; // CSS පෙළ කැපී පෙනෙන වර්ණ වෙනස්, එහෙත් මේ # Ele1 හා # Ele2 සහභාගි නොවේ; තත්ත්වය ද වෙනස්, නමුත් එය මෙහි ලෙස, # Ele2 හා නොවේ වෙනස් වී ඇත

}

දැන් අපට මේ අංග තුනක් සියලු කොහේ හරි අර්ථ දක්වා ඇත බව මතක තබා ගත යුතුය, එම වෙබ් අඩවිය හිමිකරු වර්ණ නිරූපණයන් වෙනස් අවස්ථාවක දී සංවර්ධක වර්ණය ගැන පමණක් නොව, වමේ නීති සහ ඉහල ගැන මතක තබා ගැනීමට සිදු වනු ඇත, සහ පෙළ ෙගවී වර්ණ අමතක නොකළ යුතුය වෙනස් කිරීමට.

විශේෂණ පද ලෙස ටැග් පසුගිය හැකි අවස්ථාවක හැර, බොහෝ ටැග් - එක් අංගයක්, සහ පන්ති ශෛලිය - ස්ටයිල් ID:: සියළු සංවර්ධකයින් අවශ්යතාව CSS පාත්ර කර නොමැති

• තැටියක CSS දී ෆොන්ට වර්ණය තබා - ආකාරයේ groundColor පංතියේ
• අකුරු ප්රමාණය නියම - පන්තියේ size15;
• කට්ටලයක් තත්ත්වය - පන්තියේ PlaceUp.

එතකොට, හඳුනා භාවිතය, ඔවුන් පිටුව මූලද්රව්ය සිය ගණනක් විවිධ සංයෝජන වර්ණාලේප එම ලකුණු අංගයක්, හොඳම සමාගම් දහය ශෛලිය පන්ති, අයත් සිටින විට. නමුත් හැම දෙයක්ම එහි ම වෛෂයික තර්කය ඇත.

සංවර්ධක හුදෙක් නිවැරදිව සැලකිල්ලට ගත යුතු ය: පවා ෆොන්ට වර්ණය නම් HTML, CSS , වෙහෙස මහන්සි වී විස්තර කිරීමට ඉදිරිපත් කරයි විස්තර සමස්ත ව්යුහය නම්යශීලී - තම රැකියාව.

පොදු තර්ක කරමින් අපේක්ෂිත ප්රතිඵලය

නවීන බ්රවුසරයන් ශෛලිය ගොනු හා වෙළුම් ගොඩක් පහසු වේ. කෙසේ වෙතත්, CSS මගින් විශේෂයෙන් සැලසුම්, සමස්ත පිටු වර්ණ, ඔබ හැම විටම සාධාරණ ස්වයංපෝෂිත කිරීම කල්පනා කළ යුතුයි. කොහෙත්ම නැහැ ශෛලිය නීති යෙදුම "ලාබ" පෙනුම. සරල laconic ප්රවේශය: * {වර්ණ: සුදු,} - නිසැකව ලස්සන, නමුත් එය හැර තොරව, පිටුව සියලු අංග වලට අදාළ වේ.

CSS වලින් සමන්විත වන සියලු නීති, ක, ඉතා වැදගත්:

• ශෛලිය - පන්ති, පසුව නම, ආරම්භ "."
• ශෛලිය - හඳුනාගැනීමේ සහ එහි නම "#" චරිතය ආරම්භ;
• නම ටැගය හෝ විශේෂ යමක් - වෙනත් අවස්ථාවලදී

විලාස ඇති විස්තරයට අදහස් ඉතිරි කොටස (උරුමය ගුණ පැටලෙන්නේ ප්රමුඛතා, තනතුර, සාමය හා ඒ හා සමාන. ඩී) බුද්ධිමත් හා දැඩි අවශ්ය භාවිතා කළ යුතුය.

බ්රව්සරය හැම විටම විශේෂ විස්මයන් නැහැ ඒ නිසා, විස්තර දී සිදු කරන්න එපා, නැතුව පාලුයි. යමක් හරි තැන නොවේ හෝ CSS දී ෆොන්ට වර්ණය තබා නොවේ නම් හැකි, ඒ නිසා, එම වරද ශෛලිය තුල ඇති වේ.

අනපේක්ෂිත අවස්ථා

* {වම් වැනි මෝස්තර අතවර කළ නොහැකි විය යුතුය: 124px; } හෝ

සා.පෙළ සා.පෙළ, සා.පෙළ උල්, උල් උල්, උල් සා.පෙළ {ආන්තිකය-පහළ: 0; }
එය img {දේශ: 0; }

එය ඔවුන් ලෙස රය භාවිතා කිරීමට සාමනේර සංවර්ධක පවා ලබා ගැනීම දුෂ්කර වුවද. සෑම විටම ඕනෑම වෙබ් අඩවියේ සංවර්ධනය තුළ පවා සම්පූර්ණයෙන්ම සරල CSS කාරක රීති අනවශ්ය ගැටලු ලබා දෙයි. කෙසේ වෙතත්, කාරක රීති පිළිබඳ නිවැරදි භාවිතය සෘජු උත්සාහය නම්, නමුත් ජාවාස්ක්රිප්ට් අදාළ නව හා අනපේක්ෂිත අවස්ථා එක් එක් මූලද්රව්යය සඳහා හඳුනා ගනු නිර්මාණය, හෝ මෝස්තර සහ පංති වර්ග භාවිතය නිරීක්ෂණය කිරීම සඳහා ඒකාකාරී වළක්වා කරනු ඇත.

CSS - සබැඳිය ටැගය හරහා පිටුවට සම්බන්ධ හෝ ශෛලිය ටැගය හරහා ඇතුල් වී සිටින අකාරයේ පමණක් නොවේ. එය පියාසර තහනම් මත ශෛලිය නිර්මාණය හෝ පවතින එක් වෙනස් කිරීමට ද හැකි ය.

CSS භාවිතා කිරීමෙන්, අකුරු වර්ණය programmatically සිදු කළ හැකිය. මෙන්ම ප්රමාණය සහ තත්වය, ප්රමාණයක් වීමයි. වෙබ් අඩවිය - CSS, HTML, PHP හෝ JavaScript බලපෑම් ක්ෂණයකින් දැනුම අදාළ කරගන්න ඉලක්කයක් නොවේ.

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

ස්ථිතික ගතිකත්වයන්

ප්රමාණවත් අන්තර්ගතයට - ගතික අන්තර්ගතය සහ එහි නිර්මාණය කිරීමට නවීන සොයා ජාවාස්ක්රිප්ට් කේතය අපි හැම විටම ලියන්න යුතු නොවේ. සමහර විට එය නිසි ලෙස ලබා ගත හැකි අවස්ථා යොදා ගැනීමට තරම් වේ. විශේෂයෙන් ම, CSS ෆොන්ට වර්ණය මුලින් ස්ථිතික පාලනය කරනුයේ නිර්වචනය, ඔබට මෙම පාලනය සැඟවීමට (සඟවා) සහ (දෘශ්ය) විවිධ හිතේ මවාගන්න පුළුවන්.

මෙන්න, කතානායකවරයා ඇල්ගොරිතමය අවශ්ය නොවේ:

// මෙම වෙබ් අඩවිය ආදාන බොත්තම ඉස්මතු කිරීමට
කාර්යය scfWelcomeOver () {
ලේඛය ( 'scDocxNamePiP') style.visibility = 'පෙනෙන' .;
}

// මෙම වෙබ් අඩවිය ආදාන බොත්තම සැඟවීමට
කාර්යය scfWelcomeOut () {
ලේඛය ( 'scDocxNamePiP') style.visibility = 'සඟවා' .;
}

CSS ම ගතිකත්වයන් ඉදිරිපත් කරයි: tickers, විනිවිද පෙනෙන අංග, විවිධ නොමඟයවන සුලු මතඇතුරුම්, පෙන්වීම, වර්ණ මැකී යමින්. CSS දී, ෆොන්ට වර්ණය කිසිවෙකු බොහෝවිට පාලනය ලබා දී නොමැති බව ඒ නිසා පවා කළ හැක.

ගතික අන්තර්ගතය සංදර්ශකය

කිසිදු dogmas සිටියා නම්, සමහර විට කිසිදු ප්රගතියක් නැති වනු ඇත. දේ එය සටන් කිරීමට කැමති වූයේ නැත. අධිපෙළ ලෝකයට බැහැර වූ හ. එය ඔවුන් අවධානය යොමු කිරීමට සහ ප්රායෝගික හා ප්රායෝගික ශෛලිය තුල වෙබ් අඩවි සංවර්ධනය ආරම්භ කිරීමට කාලය යි මේ.

මුලින්, පිටුවක (P) වන අතර, ඔබගේ අන්තර්ගතයට (K) සමහර පිටුව සියලු ටැග් විලාසය පත (S) විස්තර කරයි. නෑ නව ආකාරයක පී, PHP හෝ perl බසට ලං හරහා සේවාදායකයේ පිටුව දත්ත සමුදායෙන් K තෝරා ගැනීමෙන්. විලාස පත S පවතින ස්වයංක්රීයව අනුගමනය කරනු ඇත. කෙසේ වෙතත්, K වෙනස් කළ හැකි අතර, බොහෝ අවස්ථාවලදී, එවැනි වෙනසක් අනෙකුත් ශෛලීන් අවශ්යතාව කළයුත්තේ බව, එස් + වේ.

නිදසුනක් ලෙස, ගනුදෙනුකරු මෙසේ ප්රකාශ කලේ ය: "වෙබ් අඩවිය, මොස්කව් ජීවිතය විස්තර, වඩා හොඳ පෙනුම පුවත් ලිපි ශෛලිය තුල ඇති අලංකාර නම් වනු ඇත" ලාස් වේගාස් "සහ ශෛලිය තුල ඇති විද්යාත්මක හා තාක්ෂණික ප්රගතිය පිළිබඳ ලිපි" ModernTehno "ශෛලිය තුල ඇති රාත්රිය අෑත් විස්තර," ZaZavtrakom. ' " අපි මේ විකල්ප තුනක් එස් කරන්න නම්, එහි පාරිභෝගික ලිපි "පුවත්", "නිවාඩු" කට්ටලයක් ඇති කර ගැනීමට අදහසක් බව කියන්න, "වැඩ», «CSS / HTML» ප්රසාද "HozyaykeNaZametku" බැහැ.

වඩා ප්රායෝගික තවත් ප්රවේශය. කුමක් ලිපියේ ප්රවර්ගය යම් වර්ණ වර්ණාලේප කළ හැකි බව අන්තර්ගතය සෑම විටම පවතී. මෙන්න මේ ස්ථානයේ දී ඉතා සංවේදී අදහස ඇත: ප්රමාණවත් එස් උත්පාදනය කිරීමට තවමත් සේවාදායකයේ, විශේෂිත K ලබා ගැනීම, සහ බ්රව්සරය පී අවශ්ය වනු ඇත, ඔහු නිසි අවසරය දී ඇති අයිතිය අන්තර්ගතයට ලැබෙනු ඇත.

ජාවාස්ක්රිප්ට් ගතිකත්වයන් ශෛලිය

අවම, ඉතා ඵලදායී විසඳුමක් වුවත් - සේවාදායකයාගේ බ්රවුසරයේ සෘජුවම විශාලනය කරන්න. පළමුව, එය සේවාදායකය අතිසාර්ථක - අධිවේගී පිටු සහ ඒ සඳහා ශෛලිය ගොනු ගොඩනැගීමට කාලය වැය කළ යුතු නැත.

ඔහු තවමත් එම නිසා, ඔහු ස්ථාවර කල්පනාකාරීව හා තොරතුරු ප්රතිදානය කැමති, තොග අන්තර්ගතය දකින්නේ නැත: දෙවන, බ්රව්සරය තුළ කාලය ස්වභාවික අපද්රව්ය පිටුව ව්යාපාරික විසින් අත්පත් බව වන අතර ක්රියාකාරීව නරඹන්නන් සමඟ සංවාදයක් සඳහා සහාය වන බලපෑම නිර්මාණය කරනු ඇත.

තුන්වන, එය සංවර්ධක ඔහු සුව පහසු වන මෙම රටාව, ඇති අන්තර්ගතය නරඹන්නන් යාන්ත්රනයක් සම්පාදනය කිරීමට ඉඩ දෙයි. එය පවා කාටවත් නෙවෙයි.

මෙම අදහස ක්රියාත්මක කිරීම සඳහා, ඔබ වහාම පිටුව පැටවුම් පසු, සහ එහි මෙහෙයුම් තුල දී ශෛලිය අංග නිර්මාණය කිරීම සඳහා යාන්ත්රණයක් ක්රියාත්මක කිරීමට අවශ්ය වේ. නවීන අඩවිය - එය විශේෂ ආකාරයක සියල්ලන්ටම AJAX ය. එය පිටු ගස සැකසීමේ ක්රියාවලියට සෘජුවම මෝස්තර ගොඩනැගීමට සිදු කිරීමට අපහසු නැත. අන්තර්ගතය, ඔහුගේ ලියාපදිංචිය සමග නිසා එය, පහසු දැරිය හැකි සහ ඵලදායී වේ.

මෙම දත්ත සහ ප්රදර්ශනය පිටත් මත සිදු සැකසීම සිට දත්ත ඉදිරිපත් කර වෙන් කිරීමට නූතන ප්රවනතාව පරස්පර විරෝධී නොවේ.

ක්රියාකාරී අමුද්රව්යයක් ලෙස CSS

අධිපෙළ මෙවලම් සහ උසස් තත්වයේ HTML නිර්මාණය අත්දැකීම්, XML, CSS ලේඛන සිටි, හොඳ ගොඩක් ගෙන, නමුත් ස්වාභාවික තොරතුරු කුඩා කොටසකි පමණක් සාර්ථකව අත්සන් තබන ලදී. දැනටමත් නිෂ්පාදනය කරන ලද පෙර තොරතුරු සහ වෙනස් කිරීම පිළිබඳව වූ නව වෙළුම් විධිමත් කිරීමට ප්රශ්නයක් නැත.

CSS අදාළව, මෙම ක්රියාවලිය සම්පූර්ණයෙන්ම වෙනස් සන්දර්භය තුළ ක්රියාත්මක වේ. ජාවාස්ක්රිප්ට් තුල ස්ථාපිත කර ඇති උපකරණ "පියාසර තහනම් මත" එවැනි හැකියාවක් කිසි දෙයක් කළේ නෑ මූලද්රව්ය මූලද්රව්ය හා මෝස්තර නිර්මාණය කර ගැනීමට හැකි වන පරිදි, හා PHP වල තනන්නන්, විශේෂයෙන්ම, HTML පිටු පමණක් පිහිටුවීම නිරත බව විශ්වාස කෙරෙයි.

පළමු හා දෙවන දෙකම වැඩසටහන්ගත මෝස්තර කරන්න ඉඩ දෙයි. තොරතුරු තාක්ෂණ ක්ෂේත්රයේ නව දිශාවකට. විලාස ඇති XML හෝ HTML වඩා සැලකිය යුතු ලෙස වැඩි විධිමත් දෙයක්, නීති ඉතා සරල වේ. ශෛලිය උනත් කොච්චර ස්වාභාවික, හැම විටම එම තොරතුරු දක්නට ලැබේ.

ලියාපදිංචි දත්ත වැඩසටහන්කරුවන් වඩාත් විධිමත් අංශ සැමවිටම යෙදී සිටින නමුත්, CSS තේමාව - ඉතා සරල කාර්ය සාධක, නමුත් කෙසේ හෝ සංවර්ධන ක්රියාවලිය දැක්ම ක්ෂේත්රයේ බවට ලබා නැත.

වැඩසටහන් ක්ෂේත්රයේ ඉගැන්වීම විග්රහ මත

අයිස් පරයක මෙන්, එය බැහැර කළ දිගු භාගයන් තොරතුරු furrowing නොහැක. අතීත අත්දැකීම් HTML- සහ CSS-ප්රමිති, ඔවුන් සමඟ වැඩ කිරීමට උපකරණ, දැනුම සංවර්ධකයින් පමණක් නොවේ අවධානය යොමු විය.

සරල කාර්ය සාධක - CSS ෆොන්ට වර්ණය මගින් කිරීමට - පරිපූර්ණ විසඳුමක් සොයාගෙන ඇත. නීති, රීති භාවිතා කිරීම, තර්ක ශාස්ත්රය සහ සුවපහසුව අවිවාදිත ය. අකුරු ඇත්තටම පුහුණුවීම සඳහා වර්ණ ගොඩක් නැත විට පවා, ඕනෑවට වඩා අවශ්ය නොවේ, සැබවින්ම අථත්යකරණ යථාර්ථය පිළිබඳ කටයුතු සඳහා සියලු සමුච්චිත "බලය» HTML හා CSS ද අවශ්ය නොවේ නමුත්, එහි අවස්ථානුකූල දැනුම පලකෙරුනේ හා ප්රදර්ශනය යන්න කාලයක් එනවා අන්තර්ගතය මෝස්තර ස්වභාවික ලෙස සකස් අත්දැකීම් හා.

කොහොමද මේ, සැබවින් ම මුලුමනින් ම පැහැදිලි වනු ඇත හැක, නමුත් එම ක්රියාවලිය මාර්ගය යටතේ දැනටමත් බව.