CSS ta'siri: elementlar yumaloq burchakli

Uslublar kaskadli jadvallari sintaktik eng kutilmagan dizayni olish imkoniyati ham uzoq dasturiy ta'minot va inson saytlar rivojlantirish mumkin, shunday qilib, oddiygina mo'ljallangan. Balki bola bloklari hammaning xotirasida qoladi bilan, o'yin HTML ko'p qirrali tajriba foydalanish haqiqatdir, CSS oson.

Biroq, hozirgi dasturlash juda uzoq voqelikning inshootlar taqdim dan hali. Hozirgacha, har qanday maydoni uning ma'no va istalgan egri kontur liniyasi doirasida tashkil qilingan bir to'rtburchaklar shaklida, rasmiy tayinlash har qanday (blok elementi kabi nima band).

Hozirgacha, har qanday doira, bir egri to'g'ri va hokazo. P. murakkab matematik tenglamalarni yoki juda kichik kupligini, trapezoids, uchburchak yoki liniyada bir nuqtasi sifatida ko'ziga farqlanmaydigan, boshqa tekis, elementlar qanday tasvirlanishini, radiusi yaxlitlash.

Classic Straight dizayn

Bu dasturlash va axborot texnologiyalari sohasida o'sish to'g'ri burchakli dizayn qonuniy ajablanarli emas. Innovatsion g'oyalar bir yumaloq shakli vaqt isrof emas edi, lekin dasturchi etarli xususiyatlari va HTML teglar qoidalar, CSS va tegishli dasturlash tillari ixtiyorida taqdim unutmang.

sahifada foydalanilgan har qanday element har bir holatda krossbrauzernosti talablar formatlash xususiyatlari muayyan mazmun mavjud sintaktik inshootlar inobatga faqat zarur foydalanish kerak bo'lgan bir necha qismlarini, ajratilgan bo'lgan to'rtburchaklar, bir maydon, deb.

CSS uchun umumiy qoidalari

Uslublar kaskadli jadvallari quyidagicha elementlarni tasvirlab taklif:

• Mulk: qiymati.

Bu holda, mulk - maxsus nomi va qiymati bir ism yoki nomlari yoki qadriyatlar bir listing ham bo'lishi mumkin.

blok elementlar va CSS burchaklar yumaloq orqali qilish zarurligini kelsak, u format "38px" yoki "8px 16px 24px 38px" chegara-radius mulk va uning qiymatini foydalanish mantiqiy.

bitta qator tomonidan berilgan qiymati bo'lsa, u barcha burchak uchun o'sha o'rnatilgan bo'ladi. Record barcha to'rt qiymatlari:

• birinchi raqam - yuqori chap burchagiga;
• Ikkinchi - yuqori o'ng tomonida;
• Uchinchi - pastki o'ng qilish;
• so'nggi - pastki chap.

qoidalariga ayrim almashish

Tushunchalar chegara, tasvir va fon birgalikda foydalanish mumkin. Bu normal hisoblanadi, va qoidalari umumiy tarkibini shakllantirish, bir-biriga xalaqit emas o'tilgan. Asosiy narsa - ularning har biri nomi ifodalaydi, deb aslida uchun hisob, va u qanday qilib qo'llaniladi.

yoki bu elementini amalga oshirish oldin, u bir necha brauzerlar haqida ba'zi tajribalar va test ish olib borish muhim ahamiyatga ega. maslahat uchun orientatsiya, tavsiyalar, uchinchi partiya yoki CSS sintaksisi misollar, burchaklar yumaloq, va hokazo. N. o'z yangi amalda nisbatan kamdan-kam hollarda yaxshidir.

Bu tushunish uchun muhim ahamiyatga ega ekanligini chegara, tasvir, dizayn jihatdan jihatidan - tushunchasi bir xil turdagi. Chizmachilik PNG-shaklda emas taqdim qilinishi mumkin. U CSS belgilangan qoidalarga ko'ra, brauzer tomonidan kesib o'tadi. Dumaloq ruknlarni - g'amxo'r Tuzuvchi, qat'i nazar, manba materiallar squareness bo'yicha.

Xususiyatlari HTML, CSS brauzerlaridan

Xush kelibsiz Style qayd ulgurji - bir vaqtning o'zida hamma brauzerlar uchun. mavzusida klassik misol Baribir: taklif shunday yozish uchun "CSS burchaklar yumaloq":

background: # FF7F00; / * Background * /

chegara: 1px #CCCCCC qattiq; / * Chegara * /

-moz-chegara-radiusi: 10px; / * CSS * / Mozilla Firefox uchun burchaklar yumaloq

-webkit-chegara-radiusi: 10px; / * ... Safari va Chrome uchun * /

-khtml-chegara-radiusi: 10px; / * ... Konquerer * /

chegara-radiusi: 10px; / * CSS * / va hokazo, barcha uchun burchaklar yumaloq. N.

Biroq, ko'p hollarda bu so'nggi qoidani belgilash uchun etarli bo'ladi. haqiqiy ehtiyoj bor faqat Zaxira foydalanish kerak.

Klassik va ajoyib stol

ko'p ixtiloflar tarafdorlari stol tartibi (tr, td) va div belgilaridan va davomiyligini foydalanish variant ( «ajoyib» tartibi), yon zarur ob'ektiv amaliyoti imtiyozli variant qaramay.

divs boshqa jadvaldagi ba'zi qadr-qimmatini bor. ular bir-birini to'ldiradi, va faqat raqobat bo'lmasa, savol tez jadvallar va divs eng yaxshi jihatlarini birlashtirgan bir versiyada bug'lanib bo'lardi.

saytlar eng CMS (kontent boshqaruv tizimi) yordamida yaratilgan, va shaxslar ixtiyorida papkalar, ob'ektlar, balki jadvallar yuzlab "ulkan" ma'lumotlar keng ko'lamli nafaqat keladi.

Agarda [div | span] kabi, chiqib turmasa, lekin faqat ishlab chiquvchi to'liq rahmatiga ketadi yagona narsa emas - bir CSS. Va hech qanday CMS aniq ishlab ijodiyoti va qo'shimcha uslubi o'z uslublari kodni, uning bir qismini ajratib, va o'zgarishlar taqdirda (masalan, CSS - stol burchaklar yaxlitlash), siz har doim parametrlarini va standart tarzini qayta tiklash mumkin.

Nohaq va burchaklari Matnni sintaksisi rang bilan qoplangan emas

Siz qat'iy HTML, CSS, barcha qoidalarga rioya mumkin, lekin bir natija bo'lishi uchun, ular taqdim emas. bir-biriga elementlar bindirilmesi, u har qanday konfiguratsion har qanday mintaqada olish mumkin. serverda PHP-rivojlanishini foydalanib, siz HTML-fayl yoki alohida js-fayl organizmda ularga tegishli JavaScript kodi qo'shishingiz Mehmonning brauzer va har qanday uslublar fayllar uchun yuborishingiz mumkin.

Har qanday elektron variant, mulk element har qanday shakli CSS qoidalari bor! Dumaloq ruknlarni - shunchaki, xususan, va real imkoniyatlar juda ham keng bo'ladi. Bu holda, o'z ob'ektni dasturiy ta'minot, sizga istisno brauzerlar holda, faqat teglar va barcha anglashiladi gipermatnli tillarda, tuzilishini foydalanish, individual brauzerlar xususiyatlariga e'tibor mumkin emas.

ob'ekt yo'naltirilgan dasturlash g'oyasini foydalanib, siz bir burchakda ko'rinishini loyihalashtirish mumkin yoki egri aniq biron-brauzer shakllari nazarda tutilgan emas. Bu holda, bu dastlab bir to'g'ri burchakli shakli edi maydoni, burchak bo'ladi lozim emas. Bu bir Visual JavaScript ob'ekt kodeksiga va o'ng joy-brauzerida to'g'ri vaqtda birlashgan CSS qoidalar shaklida tasvirlangan egri, komponentlari, to'g'ri shaklda o'zini aks ettiradi muhim ahamiyatga ega.

Bu texnologiya uch o'lchamli samolyot yoki ko'rsatish animatsiya o'zlarini tushunib, bunday ob'ektlar xalaqit bermaydi.