CSS: shrift rangi, uslubi, namuna, hajmi

Dasturlash - oyna: Azalda Kalom bor edi, balki orqaga aks ettirgan. Va juda tez bu "o'zgarish" kerak edi: bu mavzuda birinchi oyna, so'ngra so'zni ..., uslublar sahifani Cascading -, lekin nima uchun shunday uzoq u bir Ishlab aqlga yaxshi ketayotganini bo'ladi? CSS - bu, lekin faqat bir qirrasini ham, kompyuter dasturlari, barcha shu array marta davr bo'ldi. massalar bo'lib ham, assotsiativ inqilob qilgan emas.

Veb-sayt sahifa - bu ma'lum bir uslub yoki uslub sinf identifikator bilan bog'liq bo'lishi mumkin HTML-formatlash, teglar. birinchi marta belgilangan bo'lishi mumkin va hech narsa juda ham zarur vaqti nisbat uchun, va ikkinchi bir alohida elementini tegishli.

tarzini ta'rifi umumiy mantiq

An'anaga ko'ra, uslub CSS-fayl joylashtiriladi, lekin uning uslub Özniteliğinde muayyan element bilan bog'liq bo'lishi mumkin. uslub JavaScript vositalari dinamikasi yaratilgan bo'lishi mumkin. alohida ahamiyat kasb sifatida orqali, masalan, tasvirlangan emas CSS rang shrift, uning hajmi, eshitish vositasi, shunday qilib, uning ostida fon va. keyinchalik tasvirlangan, shuning uchun yuqori ustuvor bo'lib, element tasvirlangan bo'lsa, u muhim qiladi !.: Manzil Tavsif uslubi, odatda, ikki g'oyalar, kontekstida muhim hisoblanadi Oxirgi u kabi, aniq ustuvor belgilaydi qayd.

Misol uchun, muayyan shrift rangi o'zgarishi rangi, har bir joyda va har narsa bo'lishi mumkin uslubi amalga oshirish. savol birga barcha jihozlardan Demontaj vaqtida bir-brauzerida unga munosabat qanday bo'ladi. Qancha u bu protsessor nafaqa edi?

Ideal, shrift rangi faqat bir marta ko'rsatilgan bo'lishi kerak - bu klassik bo'ldi. Agar er-xotin bir oddiy ta'rifi chiqib o'ylab ko'ring, keyin yana va yana bir ... albatta, mumkin. Bu moda, lekin amaliy.

O'RNAK umumiy mantiq

Juda ham oddiy, barcha uch elementlar uchun CSS rang bilan belgilangan, u kamida uch uzoq ishlayotgan muammolarni olish mumkin:

# Ele1, # Ele2, # Ele3 {
Position: absolute;
chap: 20px;
Top: 14px;
rangi: qizil;
}

# Ele2, # Ele3 {
chap: 90px; CSS gorizontal koordinatalarini o'zgartirish //
rangi: sariq; Shriftning CSS rangini o'zgartirish //
}

# Ele3 {
Top: 114px; CSS o'zgartirish // vertikal muvofiqlashtirish

rangi: Yashil; yana bir bor shrift CSS rangini o'zgartirish //

background-color: lightgrey; // CSS matn ta'kidlash rang o'zgardi, lekin bu # Ele1 va # Ele2 mavjud emas; Bu erda kabi, joy ham o'zgardi, lekin u # Ele2 o'zgardi va

}

Endi biz bu uch omilning har bir joyga belgilangan ekanini yodda kerak, va sayt egasining rang vakolatxonalari o'zgarishi taqdirda, dasturchi rangi haqida, balki tark qoidalar va yuqori haqida emas, balki faqat eslash, va hatto matn ta'kidlash rang unutmaslik kerak o'zgartirish kerak bo'ladi.

Barcha Ishlab hurmat emas talab CSS: Style ID - faqat bitta element va sinf uslubi - ko'p teglar, sifatlarni sifatida teglar oxirgi imkon nuqtasi o'zga:

• CSS shrift rangini belgilash - uslub groundColor sinf;
• Shriftning o'lchamini belgilash - sinf size15;
• belgilangan joy - sinf PlaceUp.

Tabiiyki, ular, bir xil markirovka element sahifa elementlar yuzlab turli kombinatsiyalarda bo'yalgan o'nta uslubi darslari, tegishli ayniqsa, identifikatorlari foydalanish. Lekin hamma narsa o'z maqsadi mantiq bor.

Tuzuvchi oddiygina to'g'ri hisobga olish kerak: harflarning rang bo'lsa ham HTML, CSS , qattiq tasvirlash uchun tavsiflari umumiy tuzilishi moslashuvchan bo'lishi taqdim etadi - bu uning ish bo'ldi.

umumiy mantiq yordamida kutilayotgan natija

Zamonaviy brauzerlar uslubi fayllar va hajmi bir poda bilan qulay. Biroq, loyihalash, CSS orqali xususan, butun sahifani rangi, siz har doim etarli deb o'ylayman kerak. qo'llash emas, balki butun uslubi qoidalari "arzon" qarash. Oddiy lo'nda kirish: * {rangi: oq;} - go'zal albatta, lekin bu istisnosiz, sahifaning barcha elementlar uchun amal qiladi.

CSS, eng muhim bilan jihozlangan, barcha qoidalar:

• uslubi - sinf, keyin nomi bilan boshlanadi "."
• uslubi - identifikatori va uning nomi "#" belgi bilan boshlanadi;
• boshqa hollarda - bir nomi tegi yoki maxsus narsa

Turmagi Tavsif g'oyalar qolgan qismi (meros xususiyatlari, ustuvor, o'rnini, tartibi va shunga o'xshash. D. ustiga o'raydigan) ongli va qat'iy zarur foydalanish kerak.

har doim, sog'indim brauzer, ta'rifi amalga qilmang, shunda maxsus injiqliklari qilmaydi. bir narsa to'g'ri joyda emas edi yoki belgilangan bo'lsa CSS shrift rang xato uslubida, shuning uchun, mumkin emas.

kutilmagan imkoniyatlar

* {chap kabi tarzini suiiste'mol kerak emas: 124px; } yoki

bo'l bo'l, bo'l ul, ul ul, ul bo'l {margin-bottom: 0; }
a img {border: 0; }

U ular kabi CSS qoidalarini ishlatish ham bir Ajam Tuzuvchi qilish qiyin bo'lsa-da. Har doim, har qanday sayt rivojlantirishda, hatto mukammal oddiy CSS sintaktik kutilmagan muammolarni beradi. Matnni sintaksisi rang to'g'ri foydalanish uchun to'g'ridan-to'g'ri harakatlari, lekin amal bo'lsa, JavaScript-ni vazifalari, yangi va kutilmagan imkoniyatlar xildagi har bir element uchun aniqlovchi yaratish oldini olish, yoki uslublari va sinflar turli foydalanishni nazorat qilish uchun bo'ladi.

CSS - nafaqat uslubi teg orqali unga havola teg orqali sahifaga bog'langan yoki joylashtirgandan uslublar fayldir. Bu mavjud chivin bir uslub yaratish yoki o'zgartirish ham mumkin.

CSS yordamida, shrift rangi, dastur orqali amalga oshirilishi mumkin. Shuningdek hajmi va holatda, chekkasiga sifatida. Veb-sayt - CSS, HTML, PHP, yoki JavaScript ta'siri Flash bilim, amalga oshirish uchun maqsad emas.

Veb-resurs - muayyan tarzda taqdim etilgan barcha ma'lumotlarni birinchi bo'lib. Bu sahifa serverda hali vaqt CSS eng yaxshi, u tashkil qilish mumkin qanday optikasi orqali dinamikasi ko'rilgan nima uchun, kerakli fayl uslublar (u sayt mehmon keldi, u sayt rivojlanib vaqtda emas Tuzuvchi vaqtda mavjud PHP emas) bu, ayniqsa, mehmonga qaraydi, ma'lum bir matn tegishli tarkib uchun, yoki, ish sahifa kabi chivin bir uslub sinf yoki aniqlovchi yaratish.

statik dinamikasi

etarli mazmunini - Biz har doim faol mazmunini va uning dizayni qilish murakkab find JavaScript-kod yozish kerak emas. Ba'zan to'g'ri mavjud imkoniyatlardan foydalanish uchun etarli bo'ladi. Xususan, CSS shrift rangini boshida statik ustuvorligini belgilash, siz bu qoidani (yashirin) yashirish va turli (aniq) tasavvur mumkin.

Bu yerda, notiq algoritmi talab qilmaydi:

// veb-saytida kiritish tugmasini ta'kidlash uchun
funktsiyasi scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ko'rinadigan' .;
}

// veb-saytida kiritish tugmasini yashirish
{) (ScfWelcomeOut faoliyat
document.getElementById ( 'scDocxNamePiP') style.visibility = 'yashirin ".;
}

rang to'xtash chiziqlar, shaffof elementlar, turli mexanizmlar, bindirmeleri, ekranlar,: CSS o'z dinamikasini taklif etadi. CSS, shrift rangi hech kim uslubiy qoida nazarda tutilmagan bo'lsa ham, shunday qilib amalga oshirilishi mumkin.

Dinamik kontent ko'rsatish

hech dogmalar bor edi, ehtimol, hech o'sish bo'ladi. Faqat emas, u bilan jang qilish uchun kabi edi, nima. Hypertext dunyoga tug'ishi ko'p keltirdi. Bu ularga e'tibor va pragmatik va amaliy uslubida saytlarni ishlab chiqish boshlash vaqti.

Dastlab, bir sahifa (R) bor, sizning mazmuni (K) ba'zi sahifaning barcha teglar biçembendin (S) ham tasvirlanadi. Ma'lumotlar bazasida K tanlab serverda PHP yoki Perl orqali emas, balki yangi shakl P sahifasi. Mavjud uslublar jadvallariga S avtomatik ravishda amal qiladi. Biroq, K o'zgartirilishi mumkin va ko'p hollarda, bunday o'zgarish, boshqa jihozlardan uchun, zarur, ya'ni, S + sabab bo'lardi.

Misol uchun, mijozlar dedi: Las-Vegas "va uslubidagi ilmiy va texnologik taraqqiyot maqolalari" ModernTehno "uslubidagi kecha momaqaldiroqqa tasvirlab," ZaZavtrakom "axborot maqolalar tarzida bezatadi bo'lsa sayt Moskva hayoti, yaxshi qarash qiladi ta'riflaydi" ". Biz, bu variantlar uch ustida hosil bo'lsa, mijoz maqolalar to'plamini "Yangiliklar", "bayram", "Ish», «CSS / HTML» bonus "HozyaykeNaZametku" ega bo'lishi tasavvurga ega bo'lmaydi, deb kafolat yo'q.

Yana bir yondashuv ko'proq amaliy. Nima bo'lishidan qat'iy nazar moddaning toifali ma'lum rangga bo'yalgan mumkin tarkib har doim bor. Bu yerda, bu joyda juda aqlli fikr bor: bir etarli S ishlab chiqarish uchun hali ham serverda, muayyan K olish va brauzer P talab qiladi, u to'g'ri rasmiylashtirish to'g'ri mazmunini olasiz.

JavaScript dinamikasi uslubi

Minimal, juda samarali hal bo'lsa-da, - mijozning to'g'ridan-to'g'ri brauzer uslub qilish. Birinchidan, u server engillatib - buning uchun gipermatnli sahifalar va uslublar fayllar shakllantirish bo'yicha vaqt sarflash shart emas bo'ladi.

U hali ham shuning uchun, u izchil va teran axborot chiqish istardim, quyma mazmunini ko'rish emas: Ikkinchidan, brauzer ichida vaqt tabiiy chiqindi sahifa biznes bilan band va faol mehmon muloqotni qo'llab-quvvatlaydi ta'sir yaratadi.

Uchinchidan, u dasturchi u qulay bo'lgan bu uslub mazmuni, mehmon mexanizmini ta'minlash imkonini beradi. Hatto hech kim emas.

Bu g'oyasini amalga oshirish uchun, darhol sahifa yuklarni keyin uslublarini yaratish uchun bir mexanizmini amalga oshirish kerak, va o'z faoliyati davomida. Zamonaviy sayt - bu muayyan bir shaklda AJAX ekan. Bu bevosita sahifa daraxt shakllantirish jarayonida Arxivning amalga oshirish uchun qiyin emas. kontent uning ro'yxatdan bilan birga bo'ladi, chunki, oson arzon va samarali bo'ldi.

Bu Ma'lumotlarni ishlash amalga oshiriladi va displeyda tark ma'lumotlarni taqdimoti ajratish uchun zamonaviy moyilligini zid emas.

faol modda sifatida CSS

Hypertext yaxshi bir poda olib, lekin tabiiy axborot faqat kichik bir qismi muvaffaqiyatli resmiyet bo'ldi, vositalari va yuqori sifatli HTML, XML, CSS hujjatlar yaratish tajribasi bor edi. Emas, balki bir muammo axborot yangi hajmlari rasmiylashtirishda va ilgari qilgan o'zgarish.

CSS bilan bog'liq bo'lib, bu jarayon mutlaqo boshqacha nuqtai nazardan faol bo'ladi. Ichki bunday ehtimoli tasavvur yo'q edi unsurlarni va jihozlardan yaratish "bir zumda" imkon JavaScript vositalari, va PHP yaratuvchilari, xususan, faqat HTML-sahifalar shakllanishi bilan shug'ullanishga iymon.

Har ikki birinchi va ikkinchi, dasturiy jihozlardan qilish imkonini beradi. Axborot texnologiyalari sohasida, bu yangi yo'nalish. Styles XML yoki HTML ancha ko'proq rasmiy narsa, qoidalari juda oddiy. Style qat'iy nazar, qanday tabiiy, har doim axborot mavjud.

Ro'yxatdan bazasi dasturchilar ancha rasmiylashtirildi sohalarda har doim shug'ullanadigan, lekin CSS mavzusi - juda oddiy vazifa, lekin negadir rivojlantirish jarayoni nuqtai sohasida ichiga olish emas edi.

dasturlash sohasida tug'ishi

aysberg kabi, bir dogma uzoq harajatlari ma'lumot chaqildi mumkin emas. O'tgan tajribasi nafaqat bunda siz va CSS-standartlar, vositalari ular bilan ishlash, bilim chiquvchilar to'plamoq kerak edi.

A oddiy vazifa - CSS shrift rangi bilan qilish - mukammal yechim topdi. Qoidalari, sintaktik, mantiq va shinamlik tortishuvlarga. Lekin shrift aslida, amaliyot uchun ranglar emas, bir poda bor, hatto juda ko'p kerak emas, va situatsion bilim borib qachon, albatta, barcha to'plangan "kuch» HTML va CSS kerak emas grafik Aslida maqsadida, bir vaqt bor keladi qayta ishlab va ko'rsatilgan tajribasi va mazmun tarzini tabiiy shakllantirish vositalari.

Bu qanday bo'ladi, butunlay aniq bo'lmasligi mumkin, lekin jarayon aniq, yo'l ostida allaqachon deb.