Рамка CSS: экспромт мен әсері

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

Кез-келген визуалды тег-HTML-белгілеу - тік бұрышты облысы белгілі бір құрылымы мен мазмұны. Элемент нұсқау координаттар, мөлшерін, азат жол, гүл, қаріп, оның дағдылы кескінде және т Шеңбері CSS-элемент анықтайды занятую атындағы область, жеріне орналаса отырып, оның шекаралары ішке таңдалған сипаттамада ені.

Синтаксисі сипаттау

Облысы орналастыру элемент қойылады координаттары салыстырмалы сол жақ жоғарғы бұрышынан бетті (left, top), өлшемі көлденең және тігінен (width, height). Барлық ресімдеу және анимация элементі орындалады буымен: "қасиеті : мәні".

Сипаттама орындайды тікелей кодында беттері вставке style немесе жеке файлда көрсетіп, оған сілтеме LINK. Синтаксисі:

#name { қасиет: мәні; қасиет: мәні; қасиет: мәні; ... }

немесе

.name { қасиет: мәні; қасиет: мәні; қасиет: мәні; ... }

Аты болуы мүмкін, сондай-ақ p, body, html, table, td... болса, аты тегі HTML-белгілеу. Қоректендіруге сипаттамасы стильдің тікелей элементінде.

Бұрын құрайтын өз нұсқаларын жазу стильдер, артықтық етпейді көруге болады, ол қалай танымал сайттарында сақтап, код беттері немесе басып, Ctrl-U көру үшін, оны тікелей браузерде.

Негізгі параметрлері

Тегінде шеңбері CSS элемент үшін ұсынылған стиль (border-style), түспен (border-color), ені (border-width). Бәрін сипаттау бір қасиеті - border. Болады сипаттау әрбір шекара шеңберін қарамастан (border-top, border-bottom, border-left, border-right).

Көп:

Lenovo v580c: егжей-тегжейлі шолу

Бүгін біз жазу Lenovo ноутбугы v580c. Шолу егжей-тегжейлі, өйткені бұл портативті ДК сериясы IdeaPad кеңінен танымал, бірақ көпшілігі біледі, бұл тартады бұл құрылғы сатып алушылар. Моделі болып табылады жылдам және қамтиды көптеген оң қасиеттерді, с...

Таңдаймыз арналған модем ноутбука. Бірнеше ұсынымдар жаңа бастаған пайдаланушылар үшін

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

Ксеро-көшірме қағазы: қолдану және сипаттамалары

Қағаз болып саналады үлкен сұранысқа ие. Ол стандартты өлшемдері сәйкес келетін белгілеген форматтарға. Мысалы, парақтар А4 жүргізіледі параметрлерімен 297 210 мм. қалыңдығы құрайды, 0,02 - 0,03 мм. ксеро-көшірме қағазы кез келген басқа сияқты, ие, н...

Жақтау CSS сипатталады жалпы ережелер бойынша каскадты кестелер стильдері:

Border: 3px;
Border-color: red;
Border-style: double dashed solid dotted.

Бұл сипаттамасы белгілейді ені шеңберін 3 пикселя, түсі - қызыл, стиль тараптардың: жоғарғы жағы қос, оң - штриховая, төменгі жағы тұтас, сол жақ - нүктелік.

Border-width: 1px 2px 4px 8px;
Border-color: blue;
Border-style: dotted.

Мұнда көрсетілген мөлшері әрбір тараптар, сондай-ақ дәйекті түрде бастап, жоғарғы, сағат тілімен бұрап, түсі - көк, ал стиль - нүктелі.

Border-color: blue red green black;

осы сипаттамада жеке-жеке көрсетілген түсі әр тараптан. Қасиеті border енгізе алады бірнеше параметрлерді, ал бұрыштары шеңбер болады закруглить:

Border: 1px green solid;
border-radius: 0px 4px 8px 12px;
-moz-border-radius: 0px 4px 8px 12px;
-webkit-border-radius: 0px 4px 8px 12px;

сонымен қатар, қалай істеу шеңбері, CSS, байланысты ыңғайлы келуші, өйткені әдетте, бұл стилевой әсері пайдаланылады техникалық мақсатта: маңызды болған кезде көрсету нақты орын немесе мөлшері облысының бетінде.

Қалыңдығы шеңберін және оны тағайындау

Таңдап, қалыңдығын шеңберлері болады px, pt, em... бірақ мынаны ескеру керек, ол әрдайым облыс ішіндегі элемент. Қиын деп болжауға шеңбері CSS бар дизайнерлік мақсаты, бірақ техникалық жағынан оның өте ыңғайлы қолдану үшін бөлу элементтерін беттер.

Егер негізінен сыныпта шеңбер бұғатталған болса, онда көрсете отырып, оны псевдоклассе :hover, көрсетуге болады келушіге элементі беттің кезде, онда орналасқан курсорды тышқан, мысалы, бөлу-тармақ мәзір. Кейде бөлу қажет болса, басып суретті немесе сүйреп апарыңыз нәрсе болады. Мұнда өте ыңғайлы точечную шеңбері емес, өзгерту фон элементі немесе оның мазмұны.

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

тысқары көзделген

Сабақтар CSS өте қызықты, сондай-ақ, маңызы зерттеу кодтар беттен танымал сайттар. Алайда, меншікті ресурс бірегей болуға тиіс, ол болуы тиіс жеке тұлға.

Қарастырылған синтаксисом шеңбері CSS бермейді мұндай түрлілігін, жеке бастама. Экспромт - ұлы бастау, және ештеңе кедергі емес әзірлеушіге қалыптастыру, өзіндік шеңберін. Сонымен қатар, барлық жетістіктері интернет-технологиялардың мүмкіндіктері және қолданыстағы стандарттардың көп перспективалы идеялар негізделген нақты бітпеген жұмыстары бар синтаксис (анықтау бойынша) әрқашан қатаң формальды.

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