CSS: font color, gaya, pola, ukuran

Pemrograman - cermin: pada mulanya adalah firman, dan tidak dipantulkan kembali. Dan sangat cepat itu harus "berubah": cermin pertama, kemudian kata ... Pada titik ini, Cascading style sheet - yang baik, tapi mengapa begitu lama itu akan keberatan pengembang? CSS - itu semua kali array yang sama era program komputer, tetapi hanya dalam perspektif yang berbeda. Bahkan ketika massa menjadi revolusi asosiatif tidak dibuat.

Halaman situs - itu tag HTML-markup, yang dapat dikaitkan dengan gaya atau gaya kelas identifier tertentu. Yang pertama dapat didefinisikan sekali dan untuk menganggap apa yang sangat dibutuhkan waktu, dan yang kedua milik elemen tertentu.

Logika umum dari deskripsi gaya

Dengan tradisi, gaya ditempatkan di CSS-file, namun dapat dikaitkan dengan elemen tertentu dalam atribut gaya. Gaya dapat dibuat dalam dinamika alat JavaScript. Yang paling penting adalah tidak seperti yang dijelaskan, misalnya, dengan cara warna CSS font, ukuran, headset, latar belakang bawahnya dan seterusnya. Lokasi deskripsi gaya penting dalam konteks, biasanya dua ide: nanti dijelaskan, sehingga merupakan prioritas yang lebih tinggi, dan jika dijelaskan dalam elemen, itu tidak penting !. Terakhir tercatat seperti itu, jelas mendefinisikan prioritas.

Terapkan gaya untuk, misalnya, warna font berubah warna tertentu, bisa dimana saja dan apa saja. Pertanyaannya adalah bagaimana bereaksi untuk itu di browser selama pembongkaran dari semua gaya bersama-sama. Berapa banyak dia habiskan untuk CPU ini?

Idealnya, warna font harus ditunjukkan hanya sekali - itu klasik. Pikirkan untuk deskripsi sederhana dari pasangan, dan kemudian dan lain lain ... tentu saja, Anda bisa. Hal ini modis, tapi praktis.

CONTOH logika umum

Cukup hanya ditentukan oleh warna CSS untuk semua tiga unsur, adalah mungkin untuk mendapatkan setidaknya tiga masalah lama berjalan:

# Ele1, # Ele2, # Ele3 {
POSISI: absolute;
kiri: 20px;
top: 14px;
warna: merah;
}

# Ele2, # Ele3 {
kiri: 90px; // mengubah CSS koordinat horisontal
warna: kuning; // mengubah warna CSS font yang
}

# Ele3 {
top: 114px; // mengubah CSS koordinat vertikal

warna: hijau; // sekali lagi mengubah warna CSS font yang

background-color: lightgrey; // warna CSS teks sorot berubah, tapi ini tidak hadir di # Ele1 dan # Ele2; Posisi juga berubah, tapi itu telah berubah di # Ele2 dan tidak, seperti di sini

}

Sekarang kita harus ingat bahwa semua ketiga unsur ini didefinisikan di suatu tempat, dan dalam hal perubahan representasi warna pemilik situs, pengembang akan harus ingat tidak hanya tentang warna, tetapi juga tentang aturan kiri dan atas, dan bahkan untuk mengubah warna highlight teks tidak boleh dilupakan.

persyaratan tidak semua pengembang dihormati CSS: Style ID - hanya satu elemen, dan gaya kelas - banyak tag, selain titik terakhir mungkin dalam tag sebagai kata sifat:

• mengatur warna font di CSS - gaya kelas groundColor;
• tentukan ukuran font - size15 kelas;
• set posisi - kelas PlaceUp.

Tentu, penggunaan pengidentifikasi, terutama ketika mereka milik elemen menandai yang sama, sepuluh kelas gaya, dicat dalam berbagai kombinasi dari ratusan elemen halaman. Tapi semuanya memiliki logika tujuannya sendiri.

Pengembang hanya harus benar memperhitungkan: bahkan jika warna font HTML, CSS menawarkan untuk menggambarkan keras, fleksibilitas struktur keseluruhan dari deskripsi - itu pekerjaannya.

Hasil yang diharapkan dari menggunakan logika umum

browser modern yang nyaman dengan banyak file gaya dan volume. Namun, merancang, khususnya melalui CSS, mewarnai seluruh halaman, Anda harus selalu memikirkan kecukupan wajar. Tidak semua aturan gaya "murah" tampilan dalam aplikasi. Sederhana entri singkat: * {color: white;} - pasti cantik, tetapi berlaku untuk semua elemen halaman, tanpa kecuali.

Dari semua aturan, yang dilengkapi dengan CSS, yang paling penting:

• Gaya - kelas, dan kemudian nama dimulai dengan, ""
• Gaya - identifier dan namanya dimulai dengan "#" karakter;
• dalam kasus lain - tag nama atau sesuatu yang istimewa

Bagian yang tersisa dari ide-ide deskripsi di Styles (sifat warisan tumpang tindih, prioritas, posisi, ketertiban dan sejenisnya. D.) Sebaiknya digunakan secara cerdas dan benar-benar diperlukan.

Browser selalu rindu, tidak membuat keluar dalam deskripsi, sehingga kejutan khusus tidak akan. Jika ada sesuatu yang tidak di tempat yang tepat atau mengatur warna font di CSS tidak mungkin, oleh karena itu, dalam gaya kesalahan.

peluang tak terduga

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

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

Meskipun sulit untuk membuat bahkan seorang pengembang pemula untuk menggunakan aturan CSS seperti mereka. Selalu dalam pengembangan situs apapun, bahkan sintaks CSS sangat sederhana memberikan masalah tak terduga. Namun, jika upaya langsung untuk penggunaan yang benar dari sintaks, tetapi menerapkan fungsi JavaScript adalah peluang baru dan tak terduga akan menghindari monoton membuat pengidentifikasi untuk setiap elemen, atau untuk memantau penggunaan berbagai gaya dan kelas.

CSS - tidak hanya file gaya yang terhubung ke halaman melalui tag link atau dimasukkan ke dalamnya melalui tag gaya. Hal ini juga memungkinkan untuk menciptakan gaya on the fly atau memodifikasi yang sudah ada.

Dengan menggunakan CSS, warna font dapat dilakukan pemrograman. Serta ukuran dan posisi, margin. Website - bukan tujuan untuk menerapkan pengetahuan dalam CSS, HTML, PHP atau JavaScript efek flash.

Web sumber daya - pertama-tama informasi yang ditawarkan dengan cara tertentu. Itulah sebabnya CSS terbaik dilihat dalam dinamika melalui lensa bagaimana mungkin untuk membentuk, sedangkan halaman masih di server (tidak tersedia PHP pada saat pengunjung situs datang, bukan pengembang pada saat ia mengembangkan situs), stylesheet yang diinginkan teks khusus untuk konten yang relevan, atau untuk membuat kelas gaya atau pengenal dengan cepat sebagai halaman bekerja, ketika melihat pengunjung tertentu.

dinamika statis

Kita tidak harus selalu menulis canggih menemukan JavaScript-kode untuk membuat konten dinamis dan desain - kandungan yang memadai. Kadang-kadang cukup untuk benar menggunakan kesempatan yang tersedia. Secara khusus, dengan mendefinisikan warna font CSS aturan awalnya statis, Anda dapat menyembunyikan aturan ini (tersembunyi) dan memvisualisasikan yang berbeda (terlihat).

Di sini, pembicara tidak memerlukan algoritma:

// untuk menyorot tombol masukan di website
Fungsi scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'terlihat' .;
}

// menyembunyikan tombol masukan di website
berfungsi scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'tersembunyi' .;
}

CSS menawarkan dinamika sendiri: tickers, elemen transparan, berbagai perwujudan overlay, display, memudar warna. Dalam CSS, warna font dapat dibuat bahkan sehingga tidak ada satu aturan gaya tidak disediakan.

display konten dinamis

Jika tidak ada dogma, mungkin tidak akan ada kemajuan. Hanya tidak apa itu seperti untuk melawan. Hypertext dibawa ke dunia banyak dogma. Ini adalah waktu untuk memperhatikan mereka dan mulai mengembangkan situs dalam gaya pragmatis dan praktis.

Awalnya, ada halaman (P), beberapa konten Anda (K), semua tag halaman dijelaskan dalam style sheet (S). Bukan halaman formulir P baru melalui PHP atau Perl pada server dengan memilih K dari database. Ada style sheet S akan mengikuti secara otomatis. Namun, K dapat diubah, dan dalam kebanyakan kasus, perubahan tersebut akan memerlukan kebutuhan untuk gaya lainnya, yaitu S +.

Sebagai contoh, pelanggan mengatakan: "Situs ini menggambarkan kehidupan Moskow, akan terlihat lebih baik jika artikel berita didekorasi dengan gaya" ZaZavtrakom "menggambarkan hiruk pikuk malam dalam gaya" Las Vegas 'dan artikel tentang kemajuan ilmu pengetahuan dan teknologi dalam gaya' ModernTehno ' ". Tapi jika kita membuat S pada tiga pilihan ini, tidak ada jaminan bahwa pelanggan tidak akan memiliki ide untuk memiliki satu set artikel "Berita", "liburan", "Kerja», «CSS / HTML» bonus 'HozyaykeNaZametku'.

Pendekatan lain yang lebih praktis. Terlepas dari kategori artikel selalu ada konten yang dapat dicat warna tertentu. Di sini, di tempat ini ada cukup ide yang masuk akal: mendapatkan K tertentu, masih di server untuk menghasilkan S yang memadai, dan browser akan membutuhkan P, ia akan mendapatkan konten yang tepat dalam izin yang tepat.

Dinamika gaya JavaScript

Minimum, meskipun solusi yang sangat efektif - untuk melakukan styling langsung di browser klien. Pertama, mengurangi server - tidak akan harus menghabiskan waktu pada pembentukan halaman hypertext dan file gaya untuk itu.

Kedua, limbah alam waktu di dalam browser akan menciptakan efek yang halaman ditempati oleh bisnis dan secara aktif mendukung dialog dengan pengunjung: dia masih tidak melihat konten dalam jumlah besar, oleh karena itu, ia ingin output informasi yang konsisten dan bijaksana.

Ketiga, memungkinkan pengembang untuk menyediakan mekanisme pengunjung dari konten dalam gaya ini, di mana dia nyaman. Ini bahkan tidak siapa pun.

Untuk melaksanakan ide ini, Anda perlu menerapkan mekanisme untuk menciptakan unsur gaya segera setelah beban halaman, dan dalam jalannya operasi. situs modern - itu AJAX dalam bentuk tertentu. Hal ini tidak sulit untuk melaksanakan pembentukan gaya langsung dalam proses pembentukan pohon halaman. Sangat mudah, terjangkau dan efektif, karena konten adalah bersama dengan pendaftaran nya.

Ini tidak bertentangan dengan kecenderungan modern untuk memisahkan penyajian data dari pengolahan dilakukan pada data dan meninggalkan di layar.

CSS sebagai bahan aktif

Hypertext membawa banyak yang baik, tapi hanya sebagian kecil dari informasi yang alami berhasil diformalkan, ada alat-alat dan pengalaman dalam menciptakan HTML berkualitas tinggi, XML, dokumen CSS. Tidak masalah untuk meresmikan volume informasi baru dan perubahan yang sudah dibuat sebelumnya.

Sehubungan dengan CSS, proses ini diaktifkan dalam konteks yang sama sekali berbeda. Built-in alat dalam JavaScript, memungkinkan "on the fly" untuk membuat elemen dan gaya elemen tidak mengantisipasi kemungkinan seperti itu, dan pencipta PHP, khususnya, diyakini terlibat dalam pembentukan hanya halaman HTML.

Baik pertama dan kedua memungkinkan melakukan gaya pemrograman. arah baru ini di bidang teknologi informasi. Gaya hal jauh lebih formal daripada XML atau HTML, aturan yang sangat sederhana. Gaya selalu hadir dalam informasi, tidak peduli seberapa alami itu.

programer database pendaftaran terlibat selalu dalam sektor jauh lebih formal, tetapi CSS tema - tugas yang sangat sederhana, tapi entah bagaimana tidak masuk ke bidang pandang proses pembangunan.

Di dogma dalam bidang pemrograman

Seperti gunung es, dogma tidak dapat hamparan lama mengerutkan informasi. Pengalaman masa lalu harus berkonsentrasi tidak hanya di HTML- dan CSS-standar, alat untuk bekerja dengan mereka, pengembang pengetahuan.

Sebuah tugas sederhana - untuk membuat melalui warna font CSS - telah menemukan solusi sempurna. Aturan, sintaks, logika dan kenyamanan yang tak terbantahkan. Tetapi bahkan ketika font benar-benar memiliki tidak banyak warna untuk latihan, terlalu banyak tidak diperlukan, dan memang untuk tujuan realitas virtualisasi tidak perlu semua akumulasi "kekuatan» HTML dan CSS, ada saatnya ketika pengetahuan situasional pergi ke direproduksi dan ditampilkan pengalaman dan alat-alat dari pembentukan alam gaya konten.

Bagaimana ini akan menjadi, mungkin tidak sepenuhnya jelas, tapi itu proses ini sudah berjalan, jelas.