CSS ကိုအကျိုးသက်ရောက်မှုများ: ဒြပ်စင် rounded corner နဲ့

ကက်စကိတ်ပုံစံစာရွက်များ၏ syntax ဒါရိုးရိုးအများဆုံးမျှော်လင့်မထားတဲ့ဒီဇိုင်းကိုရယူ၏ဖြစ်နိုင်ခြေကိုတောင်ဝေး programming နဲ့လူ့ဆိုဒ်များ၏ဖွံ့ဖြိုးတိုးတက်မှုကနေရရှိနိုင်ကြောင်းကိုဒီဇိုင်းပြုလုပ်ထားသည်။ ဖြစ်ကောင်းဖြစ်နိုင်ကလေးများလုပ်ကွက်နှင့်အတူဆော့ကစားဆိုတဲ့အချက်ကိုက HTML အတွက်ဘက်စုံအတွေ့အကြုံကိုအသုံးပြုလူတိုင်းရဲ့ memory ထဲမှာရှိနေဆဲ, CSS ကိုလွယ်ကူသည်။

သို့သော်လက်ရှိ programming ကိုအလွန်ဝေးအဖြစ်မှန်ဆောက်လုပ်ခြင်းတင်ဆက်ထားပါတယ်ထံမှနေဆဲဖြစ်ပါတယ်။ ယခုတိုငျအောငျ, မည်သည့်ဧရိယာသည်၎င်း၏အဓိပ္ပာယ်ကိုနှင့်တပ်မက်လိုချင်သောအကွေးပုံလိုင်းအတွင်းဖွဲ့စည်းခဲ့သောစတုဂံပုံသဏ္ဍာန်၏တရားဝင်ချိန်းတွင်မဆို (သင်ပိတ်ပင်တားဆီးမှုဒြပ်စင်ကိုကြိုက်အဘယ်အရာကိုသိမ်းပိုက်) ။

ယခုတိုငျအောငျ, အချင်းဝက်ရှာနိုင်ပါတယ်ဆိုစက်ဝိုင်း, ဘယ်လိုတစ်ကွေးဖြောင့်ခြင်းနှင့်ဒါပေါ်မှာ။ P. ရှုပ်ထွေးသင်္ချာညီမျှခြင်းသို့မဟုတ်အလွန်သေးငယ်တဲ့ Cube, trapezoids, တြိဂံဒါမှမဟုတ်လိုင်းပေါ်ရှိအမှတ်အဖြစ်မျက်စိမှသိသာစွာကွဲပြားနေကြသည်အခြား rectilinear ဒြပ်စင်ဖော်ပြထားသည်။

ဂန္ထဝင်လမျးဖွောငျ့ဒီဇိုင်း

ဒါဟာ programming နဲ့သတင်းအချက်အလက်နည်းပညာ၏လယ်ပြင်တွင်တိုးတက်မှုစတုဂံပုံစံဒီဇိုင်းတရားဝင်ကြောင်းအံ့သြစရာတော့မဟုတ်ပါဘူး။ ဆန်းသစ်စိတ်ကူးများတစ် rounded ပုံသဏ္ဍာန်အပေါ်အချိန်မဖြုန်းတီးခဲ့ဘူး, သို့သော်ပြုစုအလုံအလောက် features နဲ့က HTML tags များစည်းမျဉ်းစည်းကမ်းတွေ, CSS ကိုနှင့်ဆက်စပ်ပရိုဂရမ်းမင်းဘာသာစကား၏စွန့်ပစ်ခြင်းမှာတင်ဆက်ဖို့မေ့လျော့ကြပါဘူး။

စာမျက်နှာပေါ်တွင်အသုံးပြုမဆိုဒြပ်စင်ကြောင့်တစ်ဦးချင်းစီအမှု၌သာလိုအပ်သောစဉ်းစား krossbrauzernosti လိုအပ်ချက်များကို markup အသုံးပြုသင့်သောအအတော်ကြာအစိတ်အပိုင်းများ, ခွဲဝေသောတစ်စတုဂံနယ်မြေ, တိကျတဲ့အကြောင်းအရာရရှိနိုင် syntactic တည်ဆောက်မှုများတပ်ဆင်ထားသည်။

CSS ကိုများအတွက်အထွေထွေစည်းမျဉ်းစည်းကမ်းတွေကို

ကက်စကိတ်ပုံစံစာရွက်များကိုအောက်ပါအတိုင်းဒြပ်စင်ကိုဖော်ပြရန်ပူဇော်:

• အိမ်ခြံမြေ: တန်ဖိုး။

ဤကိစ္စတွင်ခုနှစ်, ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှု - တိကျတဲ့အမည်နှင့်တန်ဖိုးကိုအမည်သို့မဟုတ်အမည်များသို့မဟုတ်တန်ဖိုးများတဲ့စာရင်းဖြစ်စေနိုင်ပါတယ်။

ပိတ်ပင်တားဆီးမှုဒြပ်စင်နဲ့ CSS ကနေတဆင့်လုပ်ဖို့လိုအပ်ကြောင်းထောင့်ဝိုင်းနှင့်စပ်လျဉ်းကြောင့် format နဲ့ "38px" သို့မဟုတ် "8px 16px 24px 38px" တွင်နယ်စပ်-အချင်းဝက်ပိုင်ဆိုင်မှုနှင့်၎င်း၏တန်ဖိုးကိုသုံးစွဲဖို့သဘာဝကျပါတယ်။

တန်ဖိုးတစ်ခုတည်းကိုအရေအတွက်အားဖြင့်ပေးသည်ဆိုပါကအားလုံးထောင့်အဘို့သူများဟုသတ်မှတ်လိမ့်မည်။ အသံဖမ်းအားလုံးလေးယောက်တန်ဖိုးများနေသောခေါင်းစဉ်:

• ပထမဦးဆုံးအရေအတွက်က - အထက်လက်ဝဲဘက်ထောင့်ရန်,
• ဒုတိယ - အထက်ညာဘက်;
• တတိယ - အောက်ပိုင်းညာဘက်;
• နောက်ဆုံးပေါ် - အောက်လက်ဝဲရန်။

စည်းမျဉ်းစည်းကမ်းတွေကိုအချို့မျှဝေခြင်း

အယူအဆနယ်စပ်, ပုံရိပ်နှင့်နောက်ခံတွဲသုံးနိုင်ပါသည်။ ဒါကပုံမှန်ဖြစ်ပြီး, စည်းမျဉ်းစည်းကမ်းတွေကိုခြုံငုံဖွဲ့စည်းမှုဖွဲ့စည်း, တစ်ဦးချင်းစီကတခြားနှင့်အတူရောက်စွက်ဖက်ကြဘူးဖော်ပြခဲ့တယ်။ သူတို့ထဲကတစ်ဦးချင်းစီ၏အမည်ကိုကိုယ်စားပြုဆိုတဲ့အချက်ကိုများအတွက်အကောင့်ငှါ၎င်း, ဘယ်လိုအသုံးချနေသည် - ပင်မအရာ။

ဒီသို့မဟုတ်ဒြပ်စင်အကောင်အထည်ဖော်ခြင်းမပြုမီ, ကမျိုးစုံ browser များပေါ်အချို့စမ်းသပ်ချက်များနှင့်စမ်းသပ်အလုပ်လုပ်ဆောင်သွားရန်ရန်အရေးကြီးပါသည်။ ဒါကြောင့်အပေါ်အကြံပေးခြင်း, အကြံပြုချက်များ, Third-party သို့မဟုတ် CSS ကို syntax ဥပမာ, ထောင့်ဝိုင်းများနှင့်ရန်အရှေ့တိုင်းဆန်။ N. မိမိတို့ကိုယ်ပိုင်လတ်ဆတ်တဲ့အလေ့အကျင့်ထက်ခဲသော် သာ. ကောင်း၏။

ဒါဟာဒီဇိုင်းထောင်၏စည်းကမ်းချက်များ၌, သောနယ်စပ်ကိုနားလည်သဘောပေါက်ရန်ပုံရိပ်ကအရေးကြီးတယ် - အယူအဆ၏တူညီသောအမျိုးအစား။ ပုံဆွဲ png-format ကိုမတင်ပြနိုင်ပါသည်။ သူက CSS ကိုစတင်တည်ထောင်ခဲ့ပြီးစည်းမျဉ်းစည်းကမ်းတွေကိုအတိုင်း, browser ကိုအားဖြင့်ပယ်ရှင်းခြင်းကိုခံရပါလိမ့်မယ်။ rounded ထောင့် - မသက်ဆိုင်အရင်းအမြစ်ပစ္စည်း Square ၏ဂရုစိုက်ပြုစုသူ။

အင်္ဂါရပ်များ က HTML, CSS ကို browser များအနေဖြင့်

ကွိုဆိုစတိုင်မှတ်တမ်းတင်လက္ကား - တစ်ချိန်ကမှာအားလုံး browser များအဘို့။ ဘာပဲဖြစ်ဖြစ်ခေါင်းစဉ်အပေါ်ဂန္ဥပမာ: ဒါရေးသားဖို့ကမျးလှမျးခကျြ "ကို CSS ကိုထောင့်ဝိုင်း":

နောက်ခံ: # FF7F00; / * နောက်ခံ * /

နယ်စပ်: 1px #CCCCCC အစိုင်အခဲ, / * နယ်စပ်ရေးရာ * /

-moz-border-အချင်းဝက်: 10px; / * CSS ကို * Mozilla Firefox ကိုအဘို့အထောင့်ဝိုင်း /

-webkit-border-အချင်းဝက်: 10px; / * ... အ Safari နှင့် Chrome အတွက် * /

-khtml-border-အချင်းဝက်: 10px; / * ... Konquerer * /

နယ်စပ်-အချင်းဝက်: 10px; / * အဆိုပါ CSS ကို * အားလုံးအတှကျထောင့်ဝိုင်း / ဒါပေါ်မှာ။ N.

သို့သော်အများဆုံးကိစ္စများတွင်ကနောက်ဆုံးစည်းမျဉ်းသတ်မှတ်ဖို့လုံလောက်ပါတယ်။ အမှန်တကယ်လိုအပ်နေလည်းမရှိတဲ့အခါမှသာ redundancy ကိုအသုံးပြုရပါမည်။

ဂန္ထဝင်နှင့်အံ့သြဖွယ်စားပွဲပေါ်မှာ

မြောက်မြားစွာအငြင်းပွားစရာများကိုထောက်ခံသူတွေစားပွဲပေါ်မှာအဆင်အပြင် (TR, td) နှင့် div tags များနှင့် span («အံ့ဘွယ်သော "layout ကို) ကို အသုံးပြု. ၏ထို option နေသော်လည်းရည်မှန်းချက်အလေ့အကျင့်ကျိုးကြောင်းဆီလျော်လိုအပ်သော option ကိုမျက်နှာသာ။

divs ခုနှစ်တွင်အခြားစားပွဲအချို့ဂုဏ်သိက္ခာရှိသည်။ သူတို့တစ်ဦးချင်းစီကတခြားဖြည့်စွတ်ခြင်း, ပဲယှဉ်ပြိုင်မထားဘူးဆိုရင်, မေးခွန်းလျင်မြန်စွာစားပွဲနှင့် divs ရဲ့အကောင်းဆုံးရှုထောင့်ပေါင်းစပ်တဗားရှင်းအငွေ့ပြန်ပါပြီလိမ့်မယ်။

အဆိုပါက်ဘ်ဆိုက်များအများစုမှာ CMS သို့ (အကြောင်းအရာစီမံခန့်ခွဲမှုစနစ်အ) ကို အသုံးပြု. ဖန်တီးလျက်, developer များ၏စွန့်ပစ်ခြင်းအတွက်ဖိုလ်ဒါ, အရာဝတ္ထု, ဒါပေမယ့်လည်းစားပွဲရာပေါင်းများစွာ၏ "ဧရာမ" အချက်အလက်စာရင်းများအတွက်ကျယ်ပြန့်မသာလာပါတယ်။

Tag ကို [div | span] ကဲ့သို့သောထွက်မခံမရပ်ပါဘူး, သို့သော်ပြုစု၏ပြီးပြည့်စုံသောမသနားတျောမူမှာအတိအကျကြွလာသောတစ်ခုတည်းသောအရာ - တစ် CSS ကိုကိုနှိပ်ပြီး။ ထိုအဆို CMS သို့ရှင်းလင်းစွာ code ကို, ပြုစုသူရဲ့တီထွင်ဖန်တီးမှုကနေ၏တစိတ်တပိုင်းနှင့်ဆက်ပြောသည်စတိုင်မိမိတို့ကိုယ်ပိုင်စတိုင်များခွဲခြားနှင့်အပြောင်းအလဲများကို (ဥပမာ, css - စားပွဲ၏ထောင့်ရှာနိုင်ပါတယ်) ၏အမှု၌, သင်အမြဲအပြင်အဆင်နှင့် default အစတိုင်များ restore လုပ်လို့ရပါတယ်။

curves နှင့် syntax အားဖြင့်မဖုံးထောင့်ချိုး

သင်သည်သူတို့ထောက်ပံ့ပေးကြသည်မဟုတ်, တင်းကြပ်စွာက HTML, CSS ကိုအပေါငျးတို့သစည်းမျဉ်းစည်းကမ်းတွေကိုလိုက်နာနိုင်ပေမယ့်ရလဒ်ရှိသည်။ တစ်ဦးချင်းစီကတခြားမှဒြပ်စင် Superimposing ကြောင့်မည်သည့် configuration ကိုမဆိုဒေသရရှိရန်ဖြစ်နိုင်ပါတယ်။ ဆာဗာပေါ်မှာ PHP ကို-ဖှံ့ဖွိုးတိုးအသုံးပြုခြင်း, သင်က HTML-ဖိုင်သို့မဟုတ်သီးခြား JS-ဖိုင်ရဲ့ခန္ဓာကိုယ်ထဲမှာသူတို့ကိုရန်သင့်လျော်သော JavaScript ကိုကုဒ်ပူးတွဲရန်ဧည့်သည်ရဲ့ browser နဲ့မဆိုစတိုင်ဖိုင်များပေးပို့နိုင်ပါတယ်။

မဆို circuit ကိုမူကွဲအိမ်ခြံမြေဒြပ်စင်၏မည်သည့်ပုံစံကို CSS ကိုစည်းမျဉ်းစည်းကမ်းတွေကိုပါ! rounded ထောင့် - မျှသာအထူးသနှင့်အစစ်အမှန်အခွင့်အလမ်းများကိုအများကြီးကျယ်ပြန့်သည်။ ဤကိစ္စတွင်ခုနှစ်, သင့်ကိုယ်ပိုင်အရာဝတ္ထု programming ကိုသင်ခြွင်းချက် browser များမပါဘဲ, ရှိသမျှအားဖြင့်ရိပ်မိနေကြရသော hypertext ကိုဘာသာစကားများ, သာ tags များနှင့်ဖွဲ့စည်းတည်ဆောက်ပုံကိုသုံးတစ်ဦးချင်းစီက browser ၏ဝိသေသလက္ခဏာများအာရုံစိုက်လို့မရပါဘူး။

object-oriented programming ရဲ့စိတ်ကူးကိုသုံးပြီး, သင်ကထောင့်၏အသွင်အပြင်ဒီဇိုင်းနိုင်ပါတယ်သို့မဟုတ်တစ်ကွေးသိသာဆိုကို browser ပုံစံများအားဖြင့်ကြိုတင်သိမြင်နေသော်လည်းမပေးပါ။ ဤကိစ္စတွင်ခုနှစ်, ဒီမူလကတစ်စတုဂံပုံသဏ္ဍာန်ခဲ့ပြီးသောဧရိယာ၏ထောင့်ဖြစ်လိမ့်မည်ဟုမလိုအပ်ပါဘူး။ ဒါဟာတစ်ခုတည်းသောအမြင် JavaScript ကိုအရာဝတ္ထုကုဒ်သို့နှင့်လက်ျာရာအရပျဘရောက်ဇာထဲမှာညာဘက်အချိန်တွင်ပေါင်းစပ် CSS ကိုစည်းမျဉ်းစည်းကမ်းတွေ၏ပုံစံအတွက်ဖော်ပြထားတဲ့ကွေး၏အစိတ်အပိုင်းများ, မှန်ကန်သောပုံစံကိုမှာသူ့ဟာသူထင်ဟပ်အရေးကြီးပါသည်။

ဒီနည်းပညာသုံးဖက်မြင်လေယာဉ်သို့မဟုတ်ပြပွဲကာတွန်းထဲမှာသူတို့ကိုယ်သူတို့နားလည်သဘောပေါက်ဖို့ထိုကဲ့သို့သောတ္ထုနှင့်အတူဝင်ရောက်စွက်ဖက်မထားဘူး။