CSS: font warna, gaya, pola, ukuranana

Programming - eunteung: di awal éta kecap, teu reflected deui. Sarta pohara gancang eta kapaksa "robah": eunteung heula, teras kecap ... Dina tahap ieu, cascading lambar gaya - anu alus, tapi naha jadi panjang ieu bade kapikiran pamekar a? CSS - éta sadayana kali Asép Sunandar Sunarya sami jaman program komputer, tapi ngan dina sudut pandang béda. Sanajan massa jadi revolusi associative henteu digawe.

Kaca ramatloka - eta Tags HTML-aksara, anu bisa attributed ka gaya atanapi gaya kelas identifier tangtu. Kahiji bisa dihartikeun sakali jeung ka ascribe nanaon loba diperlukeun waktu, sarta kadua milik unsur nu tangtu.

Logika umum tina pedaran gaya

Ku tradisi, gaya nu ieu disimpen dina CSS-file, tapi bisa attributed ka unsur nu tangtu dina atribut gaya na. gaya nu bisa dijieun dina dinamika parabot JavaScript. Tina pentingna tinangtu henteu sakumaha nu ditétélakeun, contona, ku cara maké warna CSS font, ukuranana anak, headsét, latar sahandapeunana jeung saterusna. Lokasi pedaran gaya penting dina konteks, biasana dua pamendak: nu engké dijelaskeun, jadi éta prioritas luhur, sarta lamun dijelaskeun dina unsur, hancana penting !. Panungtungan dirékam sakumaha anu kasebut, jelas ngahartikeun prioritas nu.

Larapkeun gaya ka, contona, hiji warna font warna robah tangtu, tiasa mana jeung nanaon. pertanyaan anu kumaha ngawanoh eta dina browser anu salila disassembly sadaya gaya babarengan. Sabaraha teu anjeunna méakkeun dina CPU ieu?

Ideally, warna font kudu dituduhkeun ukur sakali - éta Palasik a. Pikir kaluar ka pedaran basajan tina sababaraha hiji, lajeng sejen tur sejen ... tangtu, anjeun tiasa. Éta fashionable, tapi praktis.

Conto logika umum

Rada saukur ditangtukeun ku warna CSS pikeun sakabéh tilu elemen, kasebut nyaéta dimungkinkeun pikeun meunang sahanteuna tilu masalah lila-ngajalankeun:

# Ele1, # Ele2, # Ele3 {
Posisi: absolut;
kénca: 20px;
luhur: 14px;
Warna: beureum;
}

# Ele2, # Ele3 {
kénca: 90px; // ngarobah CSS koordinat horizontal
Warna: konéng; // ngarobah warna CSS font
}

# Ele3 {
luhur: 114px; // ngarobah CSS nangtung koordinat

Warna: héjo; // sakali deui ngaganti warna CSS font

tukang-warna: lightgrey; // warna CSS téks sorot robah, tapi ieu teu hadir dina # Ele1 na # Ele2; posisi ogé robah, tapi geus robah dina # Ele2 teu, sakumaha dieu

}

Ayeuna kami kudu inget yen sadaya tilu elemen ieu dihartikeun wae, jeung dina acara parobahan Répréséntasi Warna nu boga situs, pamekar nu kudu apal teu ukur ngeunaan warna, tapi ogé ngeunaan aturan ditinggalkeun na luhur, komo ngarobah warna sorot téks teu matak poho.

sarat henteu kabeh pamekar anu dianggap CSS: Gaya ID - ngan hiji unsur, jeung gaya kelas - loba tag, di sagigireun titik panungtungan mungkin di tag salaku kecap sipat:

• Nyetél warna font dina CSS - gaya kelas groundColor;
• nangtukeun ukuran font - size15 kelas;
• set posisi - kelas PlaceUp.

Alami, pamakéan identifiers, utamana lamun aranjeunna milik unsur nyirian sami, luhureun sapuluh kelas gaya, dicét dina sagala rupa kombinasi ratusan elemen kaca. Tapi sagalana boga logika obyektif na sorangan.

pamekar nu saukur kedah neuleu tumut kana akun: sanajan warna font tina HTML, CSS nawarkeun pikeun ngajelaskeun teuas, anu kalenturan ngeunaan struktur sakabéh tina déskripsi - éta pakasaban na.

hasilna ekspektasi ngagunakeun logika umum

panyungsi modérn anu nyaman jeung loba payil gaya na jilid. Sanajan kitu, ngarancang, hususna ngaliwatan CSS di, warna sakabéh kaca, Anjeun kudu salawasna mikir sembada lumrah. Henteu sakabeh aturan gaya "mirah" katingal dina aplikasi. Basajan Éntri laconic: * {warna: bodas;} - pasti geulis, tapi lumaku pikeun kabéh elemen kaca, tanpa iwal.

Tina sagala aturan, nu geus dilengkepan CSS, anu pangpentingna:

• gaya - kelas, lajeng nami dimimitian ku "".
• gaya - identifier na ngaranna dimimitian ku "#" karakter;
• dina kasus lianna - tag ngaran atawa hal husus

Bagian sésana sahiji gagasan pedaran di Styles (sipat warisan tumpang tindih, prioritas, posisi, urutan jeung kawas. D.) Kudu dipake intelligently tur mastikeun perlu.

Browser salawasna sono, ulah nyieun kaluar dina katerangan, supaya kejutan husus moal bakal. Lamun hal ieu teu di tempat katuhu atawa nyetel warna font di CSS teu mungkin, lantaran kitu, dina gaya kasalahan.

kasempetan kaduga

Teu matak abused gaya kawas * {kénca: 124px; } atanapi

ol ol, ol ul, ul ul, ul ol {margin-handap: 0; }
a IMG {wates: 0; }

Sanajan hese nyieun malah pamekar novice ngagunakeun aturan CSS sakumaha aranjeunna. Salawasna di ngembangkeun situs mana wae, sanajan rumpaka CSS sampurna basajan méré masalah kaduga. Sanajan kitu, lamun usaha langsung kana bener ngagunakeun rumpaka, tapi nerapkeun kagunaan JavaScript mangrupakeun kasempetan anyar jeung teu kaduga bakal ulah monoton nyieun identifiers pikeun tiap unsur, atawa keur nangkep pamakéan rupa-rupa gaya jeung kelas.

CSS - henteu ngan hiji file gaya nu disambungkeun ka kaca via tag link atawa diselapkeun kana eta ngaliwatan tag gaya. Ieu oge mungkin nyieun gaya on laleur atawa ngaropéa hiji hiji nu aya.

Ku ngagunakeun CSS, anu warna font bisa dipigawé programmatically. Kitu ogé ukuran sarta posisi, margins. Website - sanes tujuan pikeun nerapkeun pangaweruh dina CSS, HTML, PHP atanapi JavaScript épék flash.

Web sumberdaya - nyaeta mimiti sagala informasi ditawarkeun dina cara nu tangtu. Éta pisan sababna naha CSS ieu pangalusna ditempo dina dinamika ngaliwatan lénsa kumaha kasebut nyaéta dimungkinkeun pikeun ngahasilkeun, bari kaca masih dina server (teu sadia PHP dina waktu nalika nganjang situs sumping, teu pamekar wanoh lamun anjeunna ngamekarkeun loka), nu stylesheet dipikahoyong a téks husus keur eusi relevan, atawa nyieun kelas gaya atanapi identifier dina laleur salaku kaca berpungsi, nalika eta Sigana di hiji nganjang tangtu.

dinamika statik

Urang kudu salawasna nulis canggih manggihan JavaScript-kode sangkan eusi dinamis jeung desain na - hiji eusi nyukupan. Kadangkala kacida cukup leres nganggo kasempetan aya. Dina sababaraha hal, ku watesan font warna CSS aturan mimitina statis, anjeun tiasa nyumputkeun aturan ieu (disumputkeun) jeung visualize béda (katingali).

Di dieu, spiker nu teu merlukeun algoritma nu:

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

// nyumputkeun tombol input dina website
fungsina scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'disumputkeun' .;
}

CSS nawarkeun dinamika sorangan: tickers, elemen transparan, rupa embodiments overlays, mintonkeun, fading kelir. Dina CSS, anu warna font bisa dijieun malah jadi anu henteu salah aturan gaya teu disadiakeun.

tampilan eusi dinamis

Mun aya no dogmas, sugan aya bakal jadi euweuh kamajuan. Ngan moal naon deui ieu kawas tarung. Hiperteks dibawa kana dunya loba dogma. Geus waktuna pikeun nengetan aranjeunna sarta mimitian ngembang situs dina gaya pragmatis jeung praktis.

Dina awalna, aya kaca (P), sababaraha eusi Anjeun (K), sakabeh tag kaca digambarkeun dina gaya lambar (S). Teu kaca formulir P anyar liwat PHP atanapi Perl dina server ku milih K tina pangkalan data. Aya lambar gaya S bakal nuturkeun otomatis. Sanajan kitu, K bisa jadi robah, sarta di hal nu ilahar, robah saperti bakal entail butuh gaya sejen, maksudna, S +.

Contona, nasabah ngadawuh: "situs The ngajelaskeun kahirupan Moscow, bakal béda hadé lamun artikel warta anu dipapaésan dina gaya" ZaZavtrakom ", ngajéntrékeun bustle wengi dina gaya" Las Vegas "na artikel dina kamajuan ilmiah sarta téhnologis dina gaya" ModernTehno ' ". Tapi lamun urang nyieun S on tilu pilihan ieu, taya jaminan yén nasabah moal boga gagasan pikeun mibanda susunan artikel "News", "libur", "Gawé», «CSS / HTML» bonus "HozyaykeNaZametku".

pendekatan sejen nu leuwih praktis. Paduli kategori artikel nu aya salawasna eusi nu bisa dicét dina warna nu tangtu. Di dieu di tempat ieu aya cukup gagasan wijaksana: meunang K husus, masih di server keur ngahasilkeun hiji S nyukupan, sarta browser bakal merlukeun P, anjeunna bakal meunang eusi katuhu dina clearance ditangtoskeun.

Dinamika gaya JavaScript

Minimum, najan solusi pohara efektif - mun ngalakukeun styling nu langsung di browser nu klien urang. Kahiji, relieves server - moal kudu méakkeun waktu dina formasi Kaca hiperteks jeung payel gaya keur eta.

Kadua, runtah alam waktu jero browser bakal nyieun pangaruh nu kacana geus dikawasaan ku bisnis jeung aktip ngarojong dialog sareng nganjang ka: anjeunna masih teu ningali eusi dina bulk, kituna, anjeunna hoyong kaluaran informasi konsisten tur wijaksana.

Katilu, hal ieu ngamungkinkeun pamekar nu nyadiakeun mékanisme nganjang ti eusi dina gaya ieu, di mana manéhna geus teu nyaman. Ieu moal malah sasaha.

Pikeun nerapkeun gagasan ieu, anjeun kudu nerapkeun mékanisme pikeun nyieun unsur gaya langsung saatos kaca beban, tur dina kursus operasi na. situs modern - éta AJAX dina formulir nu tangtu. Teu hésé pikeun ngalakonan formasi gaya langsung dina prosés pembentukan tina tangkal kaca. Ieu gampang, affordable tur éféktif, sabab kandungan kasebut babarengan jeung pendaptaran Na.

Ieu teu contradict kana kacenderungan modern pikeun misahkeun nu presentasi data ti processing dipigawé dina data sarta ninggalkeun di tampilan anu.

CSS salaku bahan aktip

Hiperteks dibawa loba alus, tapi ngan mangrupa pecahan leutik tina informasi alam ieu hasil formalized, aya parabot sarta pangalaman dina nyieun HTML kualitas luhur, XML, dokumén CSS. Teu masalah mun formalize nu jilid anyar inpormasi sarta ngarobah geus dijieun saméméhna.

Nu aya kaitannana ka CSS, proses ieu diaktipkeun dina konteks lengkep béda. Diwangun-di parabot di JavaScript, anu ngamungkinkeun para "dina laleur" pikeun nyieun elemen sarta gaya ti elemen teu ngantisipasi kamungkinan sapertos ieu, sarta Birokrat di PHP, hususna, dipercaya jadi kalibet dina formasi ngan kaca HTML.

Duanana kahiji jeung nu kadua ngamungkinkeun do gaya program. arah anyar ieu dina widang téhnologi informasi. Gaya hal considerably leuwih formal ti XML atanapi HTML, aturan nu kacida gampangna. Gaya sok hadir dina informasi, euweuh urusan sabaraha alam eta éta.

programer database pendaptaran keur salawasna dina séktor leuwih formalized tapi CSS tema - tugas pisan basajan, tapi kumaha bae teu meunang kana widang of view tina prosés pangwangunan.

Dina dogma dina widang programming

Kawas hiji gunung es, dogma a teu tiasa expanses lila furrowing informasi. pangalaman nu geus kaliwat kungsi konsentrasi mah ukur aya di HTML- na CSS-standar, parabot pikeun digawe sareng aranjeunna, pamekar pangaweruh.

Hiji tugas basajan - sangkan liwat warna font CSS - geus kapanggih solusi sampurna. Aturan, sintaksis, logika jeung kanyamanan anu indisputable. Tapi sanajan font sabenerna boga teu loba kelir pikeun prakték, teuing mah teu perlu, pancen pikeun kaperluan realitas virtualization teu kudu kabeh akumulasi "gaya» HTML jeung CSS, aya datang hiji waktu pangaweruh situasional buka dihasilkeun na ditampilkeun pangalaman jeung parabot tina formasi alami gaya eusi.

Kumaha ieu bakal, bisa jadi sagemblengna jelas, tapi nu prosesna geus handapeun jalan, écés.