CSS: font color, gaya, pola, ukuran

Programming - pangilon: ing awal ana tembung, lan ora dibayangke bali. Lan banget cepet iku wis "diganti": pangilon pisanan, banjur tembung ... Ing jalur iki, runtun sheet gaya - wis apik, nanging kok dadi dawa iki arep pikiran pangembang? CSS - iku kabeh kaping Uploaded padha jaman program komputer, nanging mung ing perspektif sing beda. Malah nalika masal dadi revolusi associative ora digawe.

kaca situs web - iku tags HTML-markup, kang bisa lantaran kanggo gaya utawa gaya kelas pengenal tartamtu. Ing pisanan bisa ditetepake bebarengan lan kanggo nyembaha kanggo apa akeh needed wektu, lan liya belongs menyang unsur.

Logika umum gambaran saka gaya

Miturut tradisi, gaya diseleh ing CSS-file, nanging bisa lantaran kanggo unsur tartamtu ing ngubungake sawijining gaya. Gaya bisa digawe ing dinamika pribadi JavaScript. Wigati ora minangka diterangake, contone, kanthi werna CSS font, ukuran, headset, latar mburi ing iku lan supaya ing. Lokasi gambaran gaya penting ing babak saka, biasane rong gagasan: mengko diterangake, supaya iku luwih prioritas, lan yen diterangake ing unsur, iku ora penting !. Last dicatet iku, cetha nemtokake prioritas.

Aplikasi gaya kanggo, contone, werna font color pangowahan tartamtu, bisa ing ngendi wae lan apa-apa. Pitakonan iku carane nanggepi ing browser sak disassembly kabeh gaya bebarengan. Nanging ora nglampahi ing CPU?

Saenipun, werna font kudu dituduhake mung sapisan - iku klasik. Mikir metu gambaran prasaja saka saperangan, lan banjur liyane lan liyane ... mesthi, sampeyan bisa. Iku modern, nanging praktis.

CONTO logika umum

Cukup mung ditemtokake dening werna CSS kanggo kabeh telung unsur, iku bisa kanggo njaluk ing paling telung masalah long-mlaku:

# Ele1, # Ele2, # Ele3 {
POSITION: Absolute;
kiwa: 20px;
top: 14px;
werna: abang;
}

# Ele2, # Ele3 {
kiwa: 90px; // ngganti CSS koordinat horisontal
werna: kuning; // ngganti werna saka CSS font
}

# Ele3 {
top: 114px; // ngganti CSS vertikal koordinasi

werna: ijo; // sepisan maneh ngganti werna saka CSS font

latar mburi-werna: lightgrey; // werna CSS teks murup diganti, nanging iki ora ana ing # Ele1 lan # Ele2; posisi uga diganti, nanging wis diganti ing # Ele2 lan ora, minangka kene

}

Saiki kita kudu elinga kabeh telung unsur iki wis ditetepake nang endi wae, lan ing acara saka owah-owahan saka wujud werna saka pemilik, pangembang bakal kudu ngelingi ora mung bab werna, nanging uga bab aturan kiwa lan ndhuwur, lan malah kanggo ngganti werna murup teks ngirim ora bakal lali.

requirement ora kabeh gawe sing sinawang CSS: Gaya ID - mung siji unsur, lan gaya kelas - akeh tags, liyane titik pungkasan bisa ing tags minangka adjectives:

• Nyetel werna font ing CSS - gaya kelas groundColor;
• nemtokake ukuran font - size15 kelas;
• pesawat posisi - kelas PlaceUp.

Alamiah, nggunakake Identifikasi, utamané nalika padha dadi kagungane unsur menehi padha, sedasa kelas gaya, dicet ing macem-macem kombinasi saka atusan unsur kaca. Nanging kabeh wis logika adil dhewe.

Pangembang mung kudu bener njupuk menyang akun: sanajan werna hurup HTML, CSS nawakake kanggo njlèntrèhaké hard, keluwesan saka struktur sakabèhé saka nang - sing Proyek.

Asil samesthine nggunakake logika umum

browser Modern nyaman karo akèh file gaya lan volume. Nanging, ngrancang, ing tartamtu liwat CSS ing, werna kabeh kaca, sampeyan kudu tansah mikir dosané cukup. Ora kabeh aturan gaya "mirah" dipikir ing aplikasi. Prasaja entri laconic: * {werna: putih;} - mesthi ayu, nanging iki ditrapake kanggo kabeh unsur kaca, tanpa pangecualian.

Kabeh aturan, kang dilengkapi karo CSS, sing paling penting:

• gaya - kelas, lan jenengé banjur wiwit karo, "."
• gaya - pengenal lan menehi jeneng wiwit karo "#" karakter;
• ing kasus liyane - a tag jeneng utawa soko khusus

Sisih isih saka gagasan gambaran ing gaya (situs warisan tumpang tindih, prioritas, posisi, urutan lan kaya. D.) Kudu digunakake intelligently lan strictly perlu.

The browser tansah kantun, ora nggawe metu ing gambaran, supaya surprises khusus ora bakal. Yen soko ora ing Panggonan tengen utawa nyetel warna font ing CSS ora bisa, mulane, ing gaya kesalahan.

kesempatan sing ora dikarepke

Apa ora dilecehke gaya kaya * {kiwa: 124px; } utawa

ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
a img {wewatesan: 0; }

Senajan iku angel kanggo nggawe malah pangembang anyar nggunakake aturan CSS lagi. Tansah ing pembangunan samubarang, malah ukara CSS sampurna prasaja menehi masalah sing ora dikarepke. Nanging, yen efforts langsung kanggo nggunakake bener sintaks ing, nanging aplikasi fungsi JavaScript iku kesempatan anyar lan sing ra dikarepake bakal supaya monoton nggawe Identifikasi kanggo saben unsur, utawa kanggo ngawasi nggunakake macem-macem gaya lan kelas.

CSS - ora mung file gaya sing disambungake menyang kaca liwat tag link utawa dipasang menyang liwat tag gaya. Sampeyan uga bisa kanggo nggawe gaya ing fly utawa ngowahi siji ana.

Kanthi nggunakake CSS, werna font bisa rampung programmatically. Uga ukuran lan posisi, bathi. Situs web - ora goal kanggo aplikasi kawruh ing CSS, HTML, PHP utawa JavaScript efek lampu kilat.

Web sumber - pisanan kabeh informasi ana ing cara tartamtu. Sing kok CSS wis paling katon ing dinamika liwat lensa carane iku bisa kanggo mbentuk, nalika kaca isih ing server (ora kasedhiya PHP ing wektu nalika ing manca situs teka, ora pangembang ing wektu nalika piyambakipun ngembangaken situs), ing stylesheet dikarepake teks tartamtu kanggo isi sing gegandhengan, utawa kanggo nggawe kelas gaya utawa pengenal ing fly minangka kaca iki digunakake, nalika katon ing manca tartamtu.

dinamika statis

We kudu ora tansah nulis canggih golek JavaScript-kode kanggo nggawe isi dinamis lan rancangan - isi ora nyukupi. Kadang iku cukup kanggo mlaku nggunakake kesempatan sing kasedhiya. Ing tartamtu, dening mesthi font color CSS aturan awalé statis, sampeyan bisa ndhelikake aturan iki (didhelikake) lan nggambarake beda (katon).

Kene, speaker ora mbutuhake algoritma:

// kanggo nyorot tombol input ing website
fungsi scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'katon' .;
}

// ndhelikake tombol input ing website
dienggo scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = ngumpet .;
}

CSS nawakake dinamika dhewe: tickers, unsur transparent, macem-macem embodiments overlays, tampilan, rowo werna. Ing CSS, werna font bisa digawe malah supaya ora ana siji aturan stylistic ora kasedhiya.

tampilan isi Dynamic

Yen ana wong ora dogmas, mbok menawa ana kang ora kemajuan. Cukup ora apa ana kaya perang. Hypertext digawa menyang donya akèh dogma. Iku wektu kanggo mbayar manungsa waé kanggo wong-wong mau lan miwiti ngembangaken Camping gaya pragmatic lan praktis.

Kaping pisanan, ana kaca (P), sawetara isi (K), kabeh tags kaca sing diterangake ing gaya sheet (S). Ora kaca wangun P anyar liwat PHP utawa Perl ing server kanthi milih K saka basis data. Ana sheet gaya S bakal tindakake kanthi otomatis. Nanging, K bisa diganti, lan ing paling kasus, owah-owahan kuwi bakal entail perlu kanggo gaya liyane, sing, S +.

Contone, customer ngandika: "Situs nggambaraké gesang Moscow, bakal katon luwih apik yen artikel warta sing decorated ing gaya" ZaZavtrakom ", njlentrehke bustle wengi ing gaya" Las Vegas "lan artikel ing proses ilmiah lan teknologi ing gaya" ModernTehno ' ". Nanging yen kita wis S ing telung pilihan iki, ana ora njamin yen customer ora duwe idea kanggo duwe pesawat saka artikel "News", "liburan", "Work», «CSS / HTML» bonus "HozyaykeNaZametku".

pendekatan liyane luwih praktis. Preduli saka kategori artikel wonten tansah isi sing bisa dicet ing werna tartamtu. Punika ing Panggonan ana cukup idea wicaksana: njaluk K tartamtu, isih ing server kanggo generate S nyukupi, lan browser mbutuhake P, bakal njaluk isi tengen ing reresik tepat.

Dynamics gaya JavaScript

Minimal, senadyan solusi banget efektif - apa noto langsung ing browser klien. First, iku relieves server - ora kudu nglampahi wektu ing tatanan saka kaca hypertext lan file gaya iku.

Kapindho, sampah alam wektu nang browser bakal nggawe efek sing kaca iki dikuwasani dening bisnis lan aktif ndhukung dialog karo manca: kang isih ora ndeleng isi ing akeh, mulane, kang kaya output informasi konsisten lan wicaksana.

Katelu, iku ngidini pangembang kanggo nyedhiyani mekanisme manca saka isi ing gaya iki, kang nyaman. Iku ora malah sopo wae.

Kanggo ngleksanakake idea iki, sampeyan perlu kanggo ngleksanakake mekanisme kanggo nggawe unsur gaya sanalika sawise kaca kathah, lan ing dalan saka sawijining operasi. situs Modern - iku AJAX ing wangun tartamtu. Iku ora angel kanggo nindakake tatanan saka gaya langsung ing proses pambentukan wit kaca. Iku gampang, terjangkau lan efektif, amarga isi iku bebarengan karo Pendhaftaran kang.

Iki ora mbantah cenderung modern kanggo misahake presentation saka data saka Processing dileksanakake ing data lan ninggalake ing tampilan.

CSS minangka bahan aktif

Hypertext nggawa akèh apik, nanging mung cilik saka informasi alam kasil diresmikaké, ana pribadi lan pengalaman nggawe HTML kualitas, XML, dokumen CSS. Ora masalah kanggo formal ing volume anyar informasi lan ngganti wis digawe sadurungé.

Bab CSS, proses iki aktif ing konteks temen beda. Dibangun ing pribadi ing JavaScript, Nerjemahake isoh "ing fly" kanggo nggawe unsur lan gaya saka unsur ora antisipasi kamungkinan kuwi, lan pencipta PHP, ing tartamtu, pracaya bakal melu ing tatanan saka kaca HTML.

Loro-lorone kapisan lan kapindho ngidini apa gaya program. arah anyar ing babagan teknologi informasi. Gaya bab banget luwih formal saka XML utawa HTML, aturan banget prasaja. Gaya tansah saiki ing informasi, ora prakara cara alam iku.

programer database sing melu tansah ing sektor luwih diresmikaké, nanging CSS tema - tugas banget prasaja, nanging piye wae durung njaluk menyang lapangan tampilan saka proses pembangunan.

Ing dogma ing lapangan program

Kaya iceberg, dogma sing ora bisa expanses dawa furrowing informasi. pengalaman kepungkur wis kanggo musataken ora mung ing HTML- lan CSS-standar, pribadi digarap wong-wong mau, gawe kawruh.

A tugas prasaja - kanggo nggawe liwat werna font CSS - wis nemu solusi sampurna. Aturan, sintaksis, logika lan comfort sing indisputable. Nanging sanajan font bener ora akèh werna kanggo laku, kakehan ora perlu, lan tenan kanggo tujuan kang kasunyatan sabenere ora perlu kabeh nambah "pasukan» HTML lan CSS, ana rawuh wektu nalika kawruh situational menyang maleh lan katampil pengalaman lan pribadi saka tatanan alam gaya isi.

Carane iki bakal, bisa uga ora tanggung cetha, nanging proses wis ing cara, temenan.