අන්තර්ජාල, වෙබ් නිර්මාණය
CSS බොත්තම. ප්රතිලාභ. සමන්විතය. සෞන්දර්යය
එය සමහර විට එක් අඩවියක් වෙනත් බොත්තම් පිටුවට එහි referential තොරව නොවේ. හැමෝම අඩවියේ ඔබේ අවධානයට එය ගෙන ඒමට අවශ්ය, සහ එම අවස්ථාවේ දී සිදු වන මාර්ගයක් වශයෙන් භාවිතා කරයි. හැඩය සහ ප්රමාණය, හා බලපෑම් හා එසේ මත දෙකම - ඔවුන් අතර වෙබ් නිර්මාණ විවිධ පරාමිතීන් අනුව වෙනස් වන බොත්තම්, සැලසුම් ඇතුළත් වේ.
CSS බොත්තම් වඩාත් පහසු වේ. මේ මොහොතේ සඳහා ඔවුන් සම්පූර්ණයෙන්ම විලාසය වෙනස් කළ හැක. එමෙන්ම, සැබැවින්ම, එය අමතර අවස්ථා සමස්තයක් ලෙස වෙබ් අඩවිය නිර්මාණය කිරීම සඳහා ලබා දෙයි.
ආරම්භයට, ව්යාකූලත්වය හා වැරදි වැටහීමක් වළක්වා ගැනීමට, එය අවශ්ය සමහර සංකල්ප තේරුම් ගැනීමට ය.
CSS, වන
පරිවර්තනය "තීරු-දර්ශන Style Sheets සඳහා" තුළ, ඉන් අදහස් වන්නේ CSS, අද අන්තර්ජාලයේ ප්රධාන තාක්ෂණයන් එකකි. මෙම භාෂාව තොරව අවම වශයෙන් එක් අඩවිය වැය නොහැක්කකි.
CSS-කේතය - වැනි පිටුවේ ප්රදර්ශනය මූලද්රව්ය හා එහිදී එය කිරීමට තොරතුරු අඩංගු වෙබ් බ්රව්සර සඳහා මගපෙන්වීමක්.
දීර්ඝ .css සමඟ වෙනම ගොනුවේ මෙම උපදෙස් ගබඩා කිරීමට පහසු. අනෙක් අතට, ඔවුන් html-ලේඛනය මුල දී ස්ථානගත කළ හැකිය.
මෙම අඩවියේ ඇති බොත්තම ක්ලික් කරන්න. ඒක මොකක්ද
අඩවියේ සංචලනය සඳහා බොත්තම හෝ ග්රැෆික් ඇය ඒ සඳහා අවශ්ය තොරතුරු සැඟවී, ඊට අමතරව, එය ක්ලික් කරන්න කිරීමට අවශ්ය බව දකින්න නරඹන්නන් අවධානය ආකර්ෂණය කළ යුතුය. එය ප්රමාණවත් තරම් දීප්තිමත් හා ප්රමුඛ වන විට, එය නොතිසි නිකුත් ලැබෙනු ඇත. මෙම බොත්තම, අමුත්තන් පොළඹවා හැකි උදාහරණයක් ලෙස, මෙම අඩවියේ ඇති අදහස් හැර, හෝ රසවත් ද සංවර දායක ඉල්ලීමක් යැවීම, සහ, ඇත්තෙන්ම, හුදෙක් වෙබ් අඩවියේ ඉල්ලා පරිශීලක කොටස මාරු කරන්න.
බොත්තම් ස්ථිතික, සජීවීකරණය, ගතික, ශබ්ද, එය නොමැති වේ.
විෙශේෂෙයන්, උදාහරණයක් ලෙස, නිර්මාණය කළ හැක Photoshop දී, එම වෙබ් අඩවිය රූපයක් උඩුගත කරන්න, සහ පහසුවෙන් විය යුතු අතර ඉක්මනින් CSS ඔවුන් සමග එන්න පුළුවන්.
CSS බොත්තම්
මෙම බොත්තම් ඉතා පහසු කරයි. ඔවුන්ගේ භාවිතය විශාල වාසියක් ඔවුන් තත්පර යන්තම් යුවලක්, ඕනෑම අවස්ථාවක දී, ඔබ හඳුනා ගත නොහැකි තරමට වෙනස් හැකි බව ය.
අප දන්නා පරිදි, මූලික කරුණු තුනක් ඇත:
- හුදෙක් පිටුව සෙවුම් ලෙස, එය සමග කිසිවක් කරන්නේ නැහැ විට ඉතිරි;
- එය අවසන් කර්සරය සැරිසරා ස්ථානගත;
- හා මත ක්ලික් විට ක්රියාත්මක.
නිවැරදිව Firefox, Safari, Opera, Chrome වැනි වෙබ් බ්රව්සර් ප්රදර්ශනය පූර්ණ බොත්තම් ඇත. Internet Explorer 9 හි එම අවස්ථාවේ දී, බොත්තම සම්පූර්ණ නම පෙන්වීමේදී කළ නොහැකි වනු ඇත. උදාහරණයක් ලෙස, රවුම්, බොත්තම පමණ පෙළ සෙවනැල්ල හා ආඝාතය දෘශ්යමාන මෙතන හේතුවෙන් මෙම ගුණ මෙම වෙබ් බ්රවුසරය මඟින් පහසුකම් සපයන්නේ නැත යන කාරනය වනු ඇත. කෙසේ වුවද, සාමාන්යයෙන්, දී එම වෙබ් අඩවිය සඳහා CSS-බොත්තම් බ්රව්සරය මෙම සංස්කරණය හොඳ වගේ. Internet Explorer 8 සහ බොත්තම දී අටවන පහත අනෙකුත් අනුවාදයන් දෘශ්යමාන පරිමාව වනු ඇත, නමුත් එම අවස්ථාවේදීම,, අනුක්රම පෙනුම පවත්වා ගැනීමට.
අපි රූප සහ CSS බොත්තම ස්වරූපයෙන් බොත්තම සංසන්දනය නම්, වෙනස සේවාදායකය මත අවකාශය යනු, කැරලිවලට වනු ඇත. නමුත් CSS බොත්තම සේවාදායකය වෙත ඉල්ලීම් සංඛ්යාව අඩු වනු ඇත, නමුත් එය රූපයක් ලෙස බොත්තම සාපේක්ෂව පැහැදිලි වාසියක් වනු ඇත.
එය එසේ වෙබ් එය නවීන තාක්ෂණයේ සෞන්දර්යය බලන්න නිසා අන්තර්ජාල Exporer පරිශීලකයන් අහිමි කරනු ඇති එකම දේ, පවා Internet Explorer සහ කිසිදු සමහර CSS ගුණ සහාය නම්, මෙම බොත්තම් තවමත් සරල රූප වඩා දිනුම් බලාපොරොත්තු වනු ඇත බව හැරෙනවා -Design. නමුත් එය තරමක්, අද්රව්ය දන්වන්න.
එක් එක් ස්ථානය සඳහා එහි ම ආකාරයේ ලබා දී ඇත. මෙම ශෛලීන් විශේෂ ගොනුව .css හෝ ඉතා පිටුව හිස ටැග් අතර ලියා ඇත.
වෙබ් අඩවිය මත බොත්තම තබන්න
ශරීරය ටැග් ලියා කේතය අතර:
එහිදී
id = "button2" මෙහි, බොත්තම වෙත පවරා ඇති නම වන්නේ
විශාලිත - පෙළ බොත්තම මත ප්රදර්ශනය කිරීමට මුද්රණය කර ඇත.
බොත්තම් සඳහා විලාස
1. CSS ස්ටයිල් බොත්තම ලියවිල්ල තුල හෝ මෙම පිටුව තුල ම, ෙවන් ෙවන් වශෙයන් වාර්තා වේ:
ඔවුන් ඉතිරි දී සිටින විට 2. පළමු CSS බොත්තම් ලියා ඇත:
3. තවද පරාමිතීන් කර්සරය එය යෝජනා විට බොත්තම අනුරූප, වාර්තා වී ඇත. මේ අවස්ථාවේ දී, එකම වර්ණය හා සෙවන, සහ ශෛලිය වෙනස් කරනවා නම්, හැම දෙයක්ම ඇති වර්ණ හා සෙවන හැර, ඒ අතර:
4. ඉන්පසු අන්තිම විකල්පය බොත්තම තත්වය එය මත කර්සරය එබූ වේ. බොහෝ විට එවැනි අවස්ථාවල පමණක් අවම වශයෙන් වෙනස්, එවැනි වර්ණ ලෙස, මෙම නඩුවේ ලෙස:
CSS - ලස්සන බොත්තම්
බෑවුම් සහිත නිර්මාණය කිරීම සඳහා, ඔබ විසින් බොත්තම් භාවිතා කළ හැකිය. එය එවැනි Photoshop ලෙස, පළමු රූපයක් කර්තෘ ඇති බොත්තම යොමු කිරීමට හොඳම, එසේ ඔබ එය අවසානයේ දී සිදු හරියටම දන්නවා. ඔබ Photoshop භාවිතා කරන්නේ නම්, ඉන් පසු එය මුලින් දැනටමත් සමහර අනුක්රම ඇති, නමුත් ඊට අමතරව, ඔබ, වෙබ් අඩවිය මත ලබා ගැනීමට කැමති බව ආකාරයේ තව තවත් බාගත කරගත හැක.
CSS-කේතය සමඟ අත්හදා බැලීම් සහ විවිධ පරාමිතීන් වෙනස්, එය CSS ලස්සන බොත්තම් වෙනස් කිරීමට හැකි වන අතර, තෝරා, අපේක්ෂිත ප්රතිඵලය සාක්ෂාත් කර ගැනීම.
මෙම පරාමිතීන් ඇත:
- අදාල බොත්තම මත පෙළ වර්ණ;
- පෙළ හා බොත්තම් ප්රමාණය;
- වර්ණ ඵලය අනුක්රමික බොත්තම්;
- බොත්තම් අරය බැකට්,
- ඇගේ ආඝාතය වර්ණය.
දැඩි කතා, ඔබට ආරක්ෂිතව, බියෙන් තොරව, හොඳම විකල්පය අත්හදා බැලීම් සහ තෝරා ගැනීමට හැක. පරාමිතීන් කුඩා අංකය තිබියදීත්, ඔබ ඔවුන්ගේ ශෛලිය බොත්තම් ඉතා විවිධ නිර්මාණය කළ හැකිය.
Similar articles
Trending Now