CSS Effects: элементтердин тегеректелген бурчтар

Стилдерди синтаксиси күтүлбөгөн үлгүсүн алуу мүмкүнчүлүгү да алыс программаларынан алынган жеткиликтүү жана адам сайттар иштеп чыгуу үчүн гана арналган. Балким, балдар, блоктордун ар бир адамдын эсинде түбөлүккө сактала менен ойноп HTML көп кырдуу тажрыйбасын колдонуу, бул, CSS жеңил болот.

Бирок, азыркы учурда программалоо дагы өтө алыс чыныгы курулуштарды көрсөтүү болот. Буга чейин, ар бир аймак каалаган ийри контурдук сызыктын ичинде пайда болгон бир тик абалда, анын мааниси жана расмий дайындалган кайсы болбосун, ал (сиз блок элементи эмне ээлеген).

Буга чейин, ар бир тегерекче, радиусу тегеректөө, ошондуктан бир ийри түз жана кантип. P. татаал математикалык текшилөө же өтө аз баягы аныктайт, trapezoids, үчбурчтуктан же сабына катары көзгө айырмалуу башка чылымдын элементтер.

Classic Түз дизайн

Бул программалоо жана маалыматтык технологиялар тармагында жылыштар бурчтук мыйзамдаштырылды калыштуу эмес. Илим пикирлер кандуу абалда алууга убакыт коротпостон, бирок иштеп чыгуучу жетиштүү өзгөчөлүктөрү жана HTML теги эрежелерин, CSS жана ага байланыштуу программалоо тилдердин карамагында тартуулаш үчүн унутпашыбыз керек эмес.

баракта колдонулган ар бир элементи, ал ар бир учурда бар белгилүү бир мазмуну krossbrauzernosti талаптарды белгилөө өзгөчөлүктөрү синтаксистик курулуштарды эске алуу гана зарыл пайдаланылышы керек болгон бир нече бөлүктөрдөн туруп, бөлүп турган тик бурчтуу аймак болуп саналат.

CSS жалпы эрежелери

Cascading Style Sheets төмөнкүдөй элементтерин сүрөттөө үчүн сунуш кылабыз:

• сыпаты: көрсөткүчү.

Бул учурда, мүлк - өзгөчө аты менен маани аты же аталыштары же маанилердин бир жарнак да болот.

бөгөттөөлөр элементтерин жана CSS бурчтары тегеректелген аркылуу эмне керектигин, ал формат "38px" же "8px 16px 24px 38px" чек ара-радиусу мүлктү, анын баалуулугун колдонууга мааниси бар.

бир санына берген баалуу болсо, анда ал бардык бурчуна үчүн коюлат. Record төрт баалуулуктар болуп саналат:

• биринчи сан - жогорку сол бурчунда чейин;
• экинчиси - жогорку укугуна;
• үчүнчү - төмөн укугу;
• акыркы - төмөнкү сол.

айрым эрежелери бөлүшүү

Түшүнүктөр чек ара, сүрөт жана өнүгүүнүн өбөлгөлөрү чогуу колдонсо болот. Бул да демейки көрүнүш, жалпы курамын түзүү эрежелери, бири-бирине тоскоолдук кылбайт, сөз кылынган. башкы нерсе - алардын ар биринин аты-жөнү өкүлү экенин түшүндүрүүгө жана кандайча колдонулары болорун.

тигил же бул элементин ишке ашыруу алдында, ал бир нече браузерлерде кээ бир эксперименттер жана сыноо иштерин жүргүзүү үчүн абдан маанилүү болуп саналат. кеп кылууга багыт алуу, сунуштар, үчүнчү тарап же CSS синтаксиси мисалдар, бурчтары тегеректелген жана башкалар N.. өздөрүнүн жаңы тажрыйбага караганда сейрек жакшы эмеспи.

Бул чек ара, сүрөттөлүш, дизайн бурчтан жагынан экенин так түшүнүү маанилүү - түшүнүгүнүн бир түрү. Drawing PNG-түрдө эмес, сунуш берилиши мүмкүн. Ал CSS менен белгиленген эрежелерге ылайык, серепчи тарабынан жок кылынат. Бурчтары тегеректелген - камкор иштеп карабастан булагы материалдарды squareness жөнүндө.

Өзгөчөлүктөрү HTML, CSS -серепчилерге чейин

Welcome Style жазуу чекене - баары бир учурда браузерлер учун. Баары бир тема боюнча классикалык мисалдар "CSS: бурчтары тегеректелген" сунуш үчүн жаза:

маалымат: # FF7F00; / * Негизги * /

Чек ара: 1px #CCCCCC катуу; / * Чек * /

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

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

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

чек радиусу: 10px; / * CSS ж.б.у.с. / жана бардыгы үчүн бурчтары тегеректелген Натанздагы.

Ошентсе да, көпчүлүк учурларда акыркы үстөмдүгүн көрсөтүү үчүн жетиштүү болуп саналат. Кыскартуу чыныгы муктаждык болгондо гана колдонулушу керек.

Классикалык жана кереметтүү жадыбал

көптөгөн талаш жактоочулары стол жайгашууда карабастан (TR, TD) жана бөлүү тегдерин жана карыш колдонуп тандоосу ( "кереметтүү" макети) объективдүү тажрыйбасы жактаган тандоосу негиздүү зарыл.

Жылы DIVs башка үстөлдөргө кээ бир кадыр-баркына ээ. Алар бири-бирин толуктап жок болсо, анда ал жөн гана атаандаша, маселе тез столдор жана DIVs мыкты аспекттерин айкалыштырат бир нускасында бууланып кетмек.

сайттардын көпчүлүгү CMS (контентти башкаруу системасы) жана иштеп чыгуучунун карамагында "ири" жүздөгөн папкалар боюнча берилиштер гана бир катар эмес, келгенде колдонуу менен түзүлгөн, объекттерин, ошондой эле стол.

Tag [бөлүү | карыш], мисалы, туруп алып чыгып, ал эми бир гана нерсе так иштеп толук мээрими менен келген эмес, - бир CSS стилдер. Ал эми ар кандай CMS так кодун, иштеп чыгуучунун чыгармачылык менен кошо стили менен өз стилдеги ага бир бөлүгүн, жана өзгөргөн учурда (мисалы, CSS - столдун бурчуна тегеректөө) бөлүп, ар дайым орнотууларды жана демейки образын калыбына келтире аласыз.

Ийри жана бурчтар синтаксистин менен камтылган эмес,

Эгерде мага толугу менен HTML, CSS бардык эрежелер боюнча жашай албайт, бирок натыйжа бар, алар каралган эмес. бири-бири менен элементтерди капталды, эч кандай түзүмүн ар кандай аймакты алууга болот. жүрүш боюнча PHP-өнүгүүнү колдонуп, келген коноктордун браузер жана ар кандай стилдердин материалдар аларга HTML-билэ же өзүнчө эсеп-билэ органынын тиешелүү JavaScript коду тиркөө үчүн жөнөтө аласыз.

Ар бир райондук Variant, мүлктүк элементтин ар кандай түрү CSS эрежелери болуп саналат! Бурчтары тегеректелген - жөн гана өзгөчө жана чыныгы мүмкүнчүлүгү көбүрөөк болот. Бул учурда, өз объектилерин жаратуу, сиз, айрым серепчилердин өзгөчөлүктөрүн кулак өзгөчө браузерлерде жок, баарын баамдап гипертекст тилде гана тегдерин жана түзүмүн колдоно албайсыз.

Объектке багытталган программалоо идеясын пайдаланып, сиз бурчтун негизи карап иштеп же ийри, албетте, ар кандай серепчи түрлөрү каралган эмес болот. Бул учурда, бул алгач тик бурчтуу түрүндөгү эле аймакта, бурчтук болот зарыл эмес. Бул бир көрүү JavaScript объекттик кодду жана оң жер браузерде убагында курама CSS эрежелерин түрүндө баяндалган сызыгын, компоненттери, туура түрдө өзүн чагылдырган маанилүү.

Бул технология үч өлчөмдүү бир учак же шоу кыймылдуу өздөрүн ишке ашыруу үчүн мындай объектилердин жолтоо болбойт.