CSS әсерлері: элементтерін дөңгелектелген бұрыштары

Стильдердің каскадты Синтаксис сондықтан жай ғана ең күтпеген дизайнын алу мүмкіндігі, тіпті алыс бағдарламалау және адам сайттар дамыту қол жетімді екенін жасалған. Мүмкін балалар блоктар ойнауға бұл факт HTML көп қырлы тәжірибесін пайдалану, әркімнің жадында қалады, CSS оңай.

Алайда, ағымдағы бағдарламалау өте алыс шындыққа имараттары ұсыну бастап тұр. Осы уақытқа дейін, кез келген аймақ өз мағынасы мен қажетті қисық контурлы сызық аясында қалыптасады тік бұрышты пішінді, ресми тағайындау кез келген (сіз элемент блок ұнайды қандай атқарған).

Осы уақытқа дейін, кез келген шеңбер, сондықтан қисықтық радиусы, алайда иілген тікелей және. П. күрделі математикалық теңдеулерді немесе өте кішкентай кесектерін, трапеция, үшбұрыш немесе желісі бойынша нүктесі ретінде көзге отличимы басқа түзу сызықты элементтерін сипаттайды.

Классикалық Straight дизайн

Ол бағдарламалау және ақпараттық технологиялар саласындағы прогресс тікбұрышты дизайн заңдастырылған бұл таң қаларлық емес. Инновациялық идеялар пішінді жонуға арналған уақыт жоғалтудың жоқ, бірақ әзірлеуші жеткілікті мүмкіндіктері және HTML тегтері ережелер, CSS және олармен байланысты программалау тілдерін иелігінде ұсынуға ұмытпаңыз.

бетте қолданылған кез келген элемент, ол әр жағдайда ғана қажет деп есептей отырып krossbrauzernosti талаптар белгілеуді пайдаланылуы тиіс, ол бірнеше бөліктерін, бөлінген, онда тікбұрышты ауданы, нақты мазмұны қолда бар синтаксистік конструкциялар ерекшеліктері болып табылады.

CSS жалпы ережелері

Каскадтықстилькестелері төмендегідей элементтері сипаттау ұсынамыз:

• меншік: мәні.

Бұл жағдайда, жылжымайтын мүлік - нақты атауы мен мәні атауы немесе атаулары немесе мәндер листинг болуы мүмкін.

блок элементтері және CSS арқылы істеу керек бұрыштар дөңгелектенеді болсақ, ол формат «38px» немесе «8px 16px 24px 38px» шекара-радиусы меншік және оны пайдалануға мәні мағынасы.

мән бірыңғай нөміріне берген болса, онда ол барлық бұрыштары үшін сол орнатылады. Record барлық төрт мәндер:

• Бірінші нөмірі - сол жақ жоғарғы бұрышына;
• Екінші - жоғарғы оңға;
• Үшінші - төменгі оң үшін;
• соңғы - төменгі сол жаққа.

ережелерін кейбір ортақ пайдалану

Ұғымдар шекара, сурет және фондық бірге пайдалануға болады. Бұл қалыпты жағдай, және ережелерін жалпы құрамын қалыптастыру, бір-біріне кедергі емес, бұл елді мекен үшін. Олардың әрқайсысының атауы білдіреді фактісі есепке алу үшін, және ол қалай қолданылады - Ең бастысы.

сол немесе элемент жүзеге асыру алдында, ол бірнеше шолғыштарға кейбір эксперименттер және сынау жұмыстарын жүргізу маңызды болып табылады. сондықтан бойынша кеңес, ұсыныстар, үшінші тарап немесе CSS синтаксисінің мысалдар, бұрыштары дөңгелектенеді, және Бағдар. Н. өз балғын тәжірибеде қарағанда сирек жақсы ма.

Ол жобалау бұрыштары тұрғысынан, бұл шекараны түсіну сурет маңызды болып табылады - тұжырымдамасын сол түрі. Сызу PNG-форматында емес ұсынылуы мүмкін. Ол CSS белгiленген ережелерге сәйкес, шолғыш арқылы кесіп өтеді. Дөңгелектелген бұрыштары - қарамастан көзі материал перпендикуляр қамқор әзірлеуші.

Ерекшеліктері HTML, CSS браузерлердің жылғы

Қош келдіңіздер Стиль жазу көтерме - бірден барлық браузерлер үшін. Қалай болғанда да тақырыбында классикалық мысалдар: сондықтан жазуға ұсыныс «CSS бұрыштары дөңгелектенген»:

фон: # FF7F00; / * Фонды * /

шекара: 1px #CCCCCC қатты; / * Шекара * /

-moz-шекара-радиусы: 10px; / * CSS * Mozilla Firefox үшін бұрыштарын дөңгелектеледі /

-webkit-шекара-радиусы: 10px; / * ... Safari және Chrome үшін * /

-khtml-шекара-радиусы: 10px; / * ... Konquerer * /

шекара радиусы: 10px; / * CSS * барлық бұрыштары дөңгелектенген / және т.б.. Н.

Алайда, көп жағдайда ол соңғы ережені көрсету жеткілікті. нақты қажеттілік бар кезде ғана резервтеу пайдаланылуы тиіс.

Классикалық және тамаша үстел

көптеген қайшылықтар жақтастарының үстел орналасу (TR, TD) және DIV тегтер мен аралығының ( «керемет» орналасу) пайдалану опциясы қарамастан, объективті тәжірибе қажеттіден параметрді қолайлы.

ДИВСа басқа кестелердегі кейбір қадiр-қасиетiн бар. олар бір-бірін толықтырады, ал жай ғана бәсекеге болмаса, сұрақ тез кестелер және ДИВСа үздік аспектілерін біріктіретін бір нұсқасында буланады еді.

сайттар көпшілігі CMS (Content Management System) пайдалану арқылы жасалған, және әзірлеуші кәдеге жарату қалталар, объектілерді, сондай-ақ, кестелер жүздеген «алып» деректер кең ауқымды ғана емес, келеді.

Tag [DIV | аралығының], сияқты, ерекшелену емес, бірақ әзірлеуші толық мейірімділік дәл келеді ғана нәрсе - бұл CSS стиль кестесі. Ал кез келген CMS анық кодын, құрылыс салушының шығармашылық оған бөлігін және қосылған стилі өз стильдер ажыратады, мен өзгерістер (мысалы, CSS - кестенің бұрыштарын дөңгелектеу) жағдайда, сіз әрқашан параметрлерін және әдепкі стильдер қалпына келтіруге болады.

Қисықтар және синтаксис қамтылған жоқ бұрыштары

Сіз олар қамтамасыз етілмеген, қатаң HTML, CSS барлық ережелерін сақтауға болады, бірақ нәтиже болуы. бір-біріне элементтерін жаза, ол кез келген конфигурациясы кез келген аймақты алуға болады. серверде PHP-дамуын пайдалану, сіз HTML-файл немесе жеке JS-файлдың органға оларға тиісті JavaScript кодын тіркеу үшін кірушінің-браузер және кез келген стилі файлдарды жіберуге болады.

Кез келген тізбек нұсқасы, сипат элементінің кез келген нысаны CSS ережелері болып табылады! Дөңгелектелген бұрыштары - жай, атап айтқанда, мен нақты мүмкіндіктері әлдеқайда кең. Бұл жағдайда, өз нысандарын бағдарламалау, сіз ерекшелік браузерлердің жоқ, барлық қабылданады гипермәтіндік тілдерді, тек тегтер мен құрылымын пайдалануға, жеке браузерлердің сипаттамалары назар аудару мүмкін емес.

объектілі-бағытталған бағдарламалау идеясын пайдаланып, сіз бұрышында көрінісін жасақтай аласыз немесе қисық анық кез келген браузер нысандарын де қарастырылмаған. Бұл жағдайда, ол осы бастапқыда тiкбұрышты нысандағы болды ауданы, қиылысы болатынына қажет емес. Ол бір көрнекі JavaScript нысан кодына және оң орын браузерде оң уақытта аралас CSS ережелер түрінде сипатталған қисық, компоненттері, дұрыс түрінде өзін көрсетеді, бұл маңызды болып табылады.

Бұл технология үш өлшемді жазықтықта немесе шоу анимация өздерін жүзеге асыруға осындай заттармен кедергі келтірмейді.