CSS: font warna, gaya, corak, saiz

Programming - cermin: pada mulanya adalah perkataan, dan tidak dilihat kembali. Dan dengan cepat ia terpaksa "perubahan": cermin pertama, maka perkataan ... Pada ketika ini, melata lembaran gaya - adalah baik, tetapi mengapa begitu lama ia akan keberatan pembangun? CSS - itu semua masa lokasi sama era program komputer, tetapi hanya dalam perspektif yang berbeza. Walaupun orang ramai menjadi revolusi bersekutu tidak dibuat.

halaman laman web - ia tag HTML markup, yang boleh dikaitkan dengan gaya atau gaya pengecam kelas tertentu. Yang pertama boleh ditakrifkan sekali dan untuk mengada-adakan apa-apa jua lebih memerlukan masa, dan yang kedua tergolong dalam elemen tertentu.

Logik umum perihal gaya

Secara tradisi, gaya itu diletakkan dalam CSS-fail, dan boleh dikaitkan dengan elemen tertentu dalam atribut gaya. Gaya yang boleh diwujudkan dalam dinamik alat JavaScript. Kepentingan tertentu tidak seperti yang dinyatakan, sebagai contoh, dengan menggunakan warna CSS font, saiz, alat dengar, latar belakang di bawah dan sebagainya. Lokasi pemerihalan gaya adalah penting dalam konteks, biasanya dua idea: yang kemudiannya digambarkan, jadi ia adalah keutamaan yang lebih tinggi, dan jika diterangkan dalam unsur, ia penting !. Rakam terakhir kerana ia adalah, jelas mentakrifkan keutamaan.

Menggunakan gaya untuk, sebagai contoh, warna font perubahan warna tertentu, boleh berada di mana sahaja dan apa-apa. Persoalannya ialah bagaimana untuk bertindak balas kepadanya dalam penyemak imbas semasa pemasangan semua gaya bersama-sama. Berapa banyak yang dia belanjakan untuk CPU ini?

Sebaik-baiknya, warna fon hendaklah ditunjukkan hanya sekali - ia klasik. Berfikir di luar untuk penerangan yang mudah untuk pasangan, dan kemudian satu lagi dan satu lagi ... sudah tentu, anda boleh. Ia adalah bergaya, tetapi praktikal.

logik umum CONTOH

Cukup hanya ditentukan oleh warna CSS untuk ketiga-tiga elemen, ia adalah mungkin untuk mendapatkan sekurang-kurangnya tiga masalah lama berjalan:

# Ele1, # Ele2, # Ele3 {
JAWATAN: mutlak;
kiri: 20px;
atas: 14px;
warna: merah;
}

# Ele2, # Ele3 {
kiri: 90px; // menukar CSS koordinat mendatar
warna: kuning; // menukar warna CSS fon
}

# Ele3 {
atas: 114px; // menukar CSS menegak menyelaras

warna: hijau; // sekali lagi menukar warna CSS fon

background-color: lightgrey; // warna CSS menyerlahkan teks berubah, tetapi ini tidak hadir di # Ele1 dan # Ele2; kedudukan juga berubah, tetapi ia telah berubah dalam # Ele2 dan tidak, seperti di sini

}

Sekarang kita perlu ingat bahawa semua ketiga-tiga unsur ditakrifkan suatu tempat, dan sekiranya berlaku perubahan perwakilan warna dari pemilik laman web, pemaju akan perlu ingat bukan sahaja tentang warna, tetapi juga mengenai peraturan kiri dan bahagian, dan juga untuk menukar warna highlight teks tidak harus dilupakan.

keperluan tidak semua pemaju dihormati CSS: Watak ID - hanya satu elemen, dan gaya kelas - banyak tag, selain titik mungkin terakhir dalam sebagai adjektif tags:

• menetapkan warna fon dalam CSS - kelas groundColor gaya;
• menentukan saiz fon - size15 kelas;
• kedudukan set - kelas PlaceUp.

Secara semula jadi, penggunaan pengecam, terutamanya apabila mereka tergolong dalam unsur menandakan yang sama, kelas-kelas gaya sepuluh, dicat dalam pelbagai kombinasi ratusan elemen halaman. Tetapi segala-galanya mempunyai logik sendiri objektif.

Pemaju hanya betul perlu mengambil kira: walaupun warna fon bagi HTML, CSS menawarkan untuk menggambarkan keras, fleksibiliti struktur keseluruhan penerangan - itulah kerja.

hasil yang diharapkan menggunakan logik biasa

pelayar moden selesa dengan banyak fail gaya dan jilid. Walau bagaimanapun, mereka bentuk, khususnya melalui CSS, warna keseluruhan halaman, anda perlu sentiasa memikirkan sara munasabah. Tidak semua kaedah-kaedah gaya "murah" melihat dalam permohonan itu. Mudah entri ringkas: * {color: white;} - pasti cantik, tetapi ia boleh digunakan untuk semua elemen halaman, tanpa pengecualian.

Semua peraturan, yang dilengkapi dengan CSS, yang paling penting:

• gaya - kelas, dan kemudian nama bermula dengan ".",
• gaya - pengecam dan namanya bermula dengan "#" watak;
• dalam kes-kes lain - tag nama atau sesuatu yang istimewa

Selebihnya, huraian idea dalam Styles (sifat warisan bertindih, keutamaan, kedudukan, pesanan dan sebagainya. D.) Harus digunakan dengan bijak dan tegas perlu.

Pelayar sentiasa terlepas, tidak membuat di dalam keterangan, supaya kejutan khas tidak akan. Jika ada sesuatu yang tidak di tempat yang betul atau menetapkan warna fon dalam CSS tidak mungkin, oleh itu, dalam gaya ralat.

peluang yang tidak dijangka

tidak boleh disalahgunakan gaya seperti * {kiri: 124px; } atau

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

Walaupun ia adalah sukar untuk membuat walaupun pemaju baru untuk menggunakan peraturan CSS kerana mereka. Sentiasa dalam pembangunan mana-mana laman web, walaupun sempurna mudah sintaks CSS memberikan masalah yang tidak dijangka. Walau bagaimanapun, jika usaha terus kepada penggunaan yang betul sintaks, tetapi digunakan fungsi JavaScript adalah peluang-peluang baru dan tidak dijangka akan mengelakkan membosankan mencipta pengecam untuk setiap elemen, atau untuk memantau penggunaan pelbagai gaya dan kelas.

CSS - bukan sahaja fail gaya yang disambungkan ke halaman yang melalui tag link atau dimasukkan ke dalamnya melalui tag gaya. Ia juga adalah mungkin untuk membuat gaya dengan cepat atau mengubah suai yang sedia ada.

Dengan menggunakan CSS, warna fon boleh dilakukan secara pengaturcaraan. Serta saiz dan kedudukan, margin. Laman Web - bukan matlamat untuk menggunakan pengetahuan dalam CSS, HTML, PHP atau JavaScript kesan flash.

sumber Web - adalah pertama sekali maklumat yang ditawarkan dengan cara yang tertentu. Itulah sebabnya CSS dapat dilihat dalam dinamik melalui kanta bagaimana ia adalah mungkin untuk membentuk, manakala halaman ini masih pada pelayan (ia tidak PHP terdapat pada masa yang apabila pengunjung laman datang, bukan pemaju pada masa yang apabila dia telah membangunkan laman web ini), lembaran gaya yang dikehendaki teks khusus untuk kandungan yang berkaitan, atau untuk mewujudkan kelas gaya atau pengecam dengan cepat sebagai laman yang sedang bekerja, apabila ia kelihatan pada pelawat tertentu.

dinamik statik

Kita tidak harus sentiasa menulis find canggih JavaScript-kod untuk membuat kandungan yang dinamik dan reka bentuk - kandungan yang mencukupi. Kadang-kadang ia sudah cukup untuk betul menggunakan peluang yang ada. Khususnya, dengan menentukan CSS warna fon peraturan mulanya statik, anda boleh menyembunyikan peraturan ini (tersembunyi) dan menggambarkan berbeza (kelihatan).

Di sini, pembesar suara tidak memerlukan algoritma:

// untuk menyerlahkan butang input di website
fungsi scfWelcomeOver () {
document.getElementByID ( 'scDocxNamePiP') style.visibility = 'kelihatan' .;
}

// menyembunyikan butang input di website
berfungsi scfWelcomeOut () {
document.getElementByID ( 'scDocxNamePiP') style.visibility = 'tersembunyi' .;
}

CSS menawarkan dinamik sendiri: tickers, elemen telus, pelbagai penjelmaan lapisan, paparan, pudar warna. Dalam CSS, warna fon boleh dibuat walaupun supaya tidak ada satu peraturan gaya tidak diberikan.

paparan kandungan dinamik

Jika tidak ada dogma, mungkin tidak akan ada kemajuan. Tidak apa yang ia adalah seperti untuk melawan. Hiperteks dibawa ke dalam dunia banyak dogma. Ia adalah masa untuk memberi perhatian kepada mereka dan untuk mula membina tapak-tapak dalam gaya yang pragmatik dan praktikal.

Pada mulanya, terdapat halaman (P), beberapa kandungan anda (K), semua tag halaman tersebut dinyatakan dalam lembaran gaya (S). Bukan halaman bentuk P baru melalui PHP atau Perl pada pelayan dengan memilih K dari pangkalan data. Sedia ada lembaran gaya S akan mengikuti secara automatik. Walau bagaimanapun, K boleh berubah, dan dalam kebanyakan kes, apa-apa perubahan akan melibatkan keperluan untuk gaya yang lain, iaitu, S +.

Sebagai contoh, pelanggan berkata: "Laman web ini menerangkan kehidupan Moscow, akan kelihatan lebih baik jika artikel berita dihiasi dalam gaya" ZaZavtrakom ", menggambarkan kesibukan malam dalam gaya" Las Vegas "dan artikel mengenai kemajuan sains dan teknologi dalam gaya" ModernTehno ' ". Tetapi jika kita membuat S kepada tiga pilihan ini, tidak ada jaminan bahawa pelanggan tidak akan mempunyai idea untuk mempunyai set barang "Berita", "percutian", "Kerja», «CSS / HTML» bonus "HozyaykeNaZametku".

Satu lagi pendekatan yang lebih praktikal. Tidak kira apa kategori artikel sentiasa ada kandungan yang boleh dicat dengan warna yang tertentu. Di sini, di tempat ini terdapat cukup idea yang waras: mendapatkan tertentu K, masih pada pelayan untuk menjana S mencukupi, dan pelayar akan memerlukan P, dia akan mendapat kandungan yang betul dalam pembersihan yang betul.

Dynamics gaya JavaScript

Minimum, walaupun penyelesaian yang sangat berkesan - untuk melakukan gaya secara langsung dalam pelayar pelanggan. Pertama, ia melegakan pelayan - tidak perlu menghabiskan masa di pembentukan laman hiperteks dan fail gaya untuk itu.

Kedua, bahan buangan semula jadi masa dalam pelayar akan mewujudkan kesan bahawa laman itu diduduki oleh perniagaan dan secara aktif menyokong dialog dengan pengunjung: dia masih tidak dapat melihat kandungan yang secara pukal, oleh itu, beliau ingin output maklumat yang konsisten dan bertimbang rasa.

Ketiga, ia membolehkan pemaju untuk menyediakan mekanisme pengunjung kandungan dalam gaya ini, di mana dia selesa. Ia bukan juga sesiapa.

Untuk melaksanakan idea ini, anda perlu untuk melaksanakan satu mekanisme untuk mewujudkan unsur-unsur gaya selepas beban halaman, dan dalam perjalanan operasinya. laman moden - ia AJAX dalam bentuk tertentu. Ia tidak sukar untuk menjalankan pembentukan gaya secara langsung dalam proses pembentukan pokok halaman. Ia mudah, murah dan berkesan, kerana kandungan adalah bersama-sama dengan pendaftarannya.

Ini tidak bercanggah dengan kecenderungan moden untuk memisahkan pembentangan data daripada pemprosesan yang dilakukan ke atas data dan meninggalkan di paparan.

CSS sebagai bahan aktif

Hiperteks membawa banyak kebaikan, tetapi hanya sebahagian kecil daripada maklumat yang semula jadi telah berjaya dirasmikan, terdapat alat dan pengalaman dalam mencipta HTML berkualiti tinggi, XML, dokumen CSS. Tidak menjadi masalah untuk merasmikan jilid baru maklumat dan perubahan yang telah dibuat lebih awal.

Berkenaan dengan CSS, proses ini diaktifkan dalam konteks yang berbeza. alat terbina dalam dalam JavaScript, membolehkan "on the fly" untuk mewujudkan unsur-unsur dan gaya unsur-unsur tidak menjangka apa-apa kemungkinan, dan pencipta PHP, khususnya, yang dipercayai terlibat dalam pembentukan laman HTML sahaja.

Kedua-dua yang pertama dan yang kedua membolehkan melakukan gaya pengaturcaraan. Ini hala tuju baru dalam bidang teknologi maklumat. Gaya Perkara yang jauh lebih formal daripada XML atau HTML, kaedah-kaedah yang sangat mudah. Gaya sentiasa hadir dalam maklumat itu, tidak kira bagaimana semula jadi ia adalah.

pengaturcara pangkalan data pendaftaran terlibat sentiasa dalam sektor lebih formal, tetapi CSS tema - satu tugas yang sangat mudah, tetapi entah bagaimana tidak masuk ke dalam bidang pandangan proses pembangunan.

Berdasarkan dogma dalam bidang pengaturcaraan

Seperti aisberg, dogma yang tidak boleh expanses lama furrowing maklumat. Pengalaman lalu terpaksa menumpukan perhatian bukan sahaja di HTML- dan CSS-piawaian, alat untuk bekerja dengan mereka, pemaju pengetahuan.

Satu tugas yang mudah - untuk membuat melalui CSS warna font - telah menemui penyelesaian yang sempurna. Peraturan, sintaksis, logik dan keselesaan adalah tidak dapat dinafikan. Tetapi apabila font sebenarnya tidak mempunyai banyak warna untuk amalan, terlalu banyak tidak perlu, dan sesungguhnya bagi maksud realiti virtualisasi tidak memerlukan semua terkumpul "kuasa» HTML dan CSS, datang masa apabila pengetahuan situasi pergi ke semula dan dipaparkan pengalaman dan alat-alat pembentukan semula jadi gaya kandungan.

Bagaimana ini akan, mungkin tidak begitu jelas, tetapi proses ini sudah dijalankan, jelas.