Menambang rujukan CSS SitePoint

3

Kebanyakan kita yang tahu CSS diajar sendiri. Masalah dengan mengajar diri anda adalah bahawa anda menghabiskan sebahagian besar masa anda belajar hanya perkara yang anda perlukan setiap hari, meninggalkan sedikit lubang dalam pengetahuan anda - sudut -sudut yang redup dan berdebu yang dihuni oleh fakta -fakta yang tidak jelas yang jarang anda gunakan, tetapi mungkin berguna untuk mengetahui. Semasa menyunting rujukan SitePoint CSS saya menjumpai banyak pengetahuan CSS yang berharga; Perkara -perkara yang saya hanya difahami atau tidak menyedari sepenuhnya. Berikut adalah beberapa contoh.

terminologi: Peraturan v Deklarasi

Dalam CSS, peraturan istilah sering disalahgunakan. Kadang -kadang anda akan melihat perkara berikut yang dirujuk sebagai peraturan:

Walau bagaimanapun, perisytiharan. Berikut adalah peraturan CSS:

Pengisytiharan menentukan nilai untuk satu harta. Peraturan boleh mengandungi satu atau lebih perisytiharan dalam blok yang didahului oleh pemilih.

nilai peratusan untuk padding atas atau bawah atau margin

padding: 1em;

Jika anda menentukan nilai peratusan untuk padding atau margin atas atau bawah, nilai peratusan mewakili peratusan lebar blok yang mengandungi dan bukan ketinggiannya, seperti yang anda harapkan.

body {
  padding: 1em;
  background-color: #fff;
}

Nilai Pelbagai untuk Dekorasi Teks

Adakah anda tahu bahawa harta penyahkorasi teks boleh mengambil pelbagai nilai yang dipisahkan ruang? Contohnya anda boleh melakukan ini:

nilai panjang atau peratusan untuk menegak-align

Apabila digunakan pada kotak sebaris (bukan sel meja), harta vertikal-align boleh mengambil nilai panjang atau peratusan. Kesannya adalah untuk meningkatkan atau menurunkan kedudukan elemen inline berhubung dengan kotak garisnya. Nilai peratusan mewakili peratusan ketinggian garis elemen.

nilai peratusan untuk kedudukan latar belakang

a:hover, a:focus {
  text-decoration: underline overline;
}

Jika anda pernah tertanya-tanya mengapa imej latar belakang anda mula bertindak gila apabila menggunakan nilai peratusan untuk kedudukan latar belakang maka anda mungkin tidak menyedari bagaimana nilai peratusan sebenarnya berfungsi dengan harta itu. Nilai peratusan merujuk kepada kedua -dua kedudukan di dalam elemen serta kedudukan dalam imej. Latar belakang yang ditetapkan hingga 50% dari bahagian atas elemen akan meletakkan titik dalam imej latar belakang yang 50% dari ketinggian imej pada kedudukan yang 50% dari ketinggian elemen.

itu nampaknya normal kerana ia berkesan memusatkan imej dalam elemen. Tetapi, apabila anda menggunakan nilai peratusan yang luar biasa seperti 66%, kedudukan imej itu seolah -olah merungut, tanpa diduga, di seluruh tempat. Alex telah menulis catatan blog yang sangat baik mengenai harta latar belakang yang menerangkan tingkah laku.

Layout dan Prestasi Jadual

Property Layout Table membolehkan anda menentukan bahawa algoritma susun atur tetap harus digunakan oleh penyemak imbas untuk mengira lebar lajur dan jadual. Dalam lingkungan lajur susun atur jadual lalai lebar dipengaruhi oleh kandungan sel, walaupun anda menentukan lebar. Anda mungkin mengatakan bahawa menentukan lebar dalam keadaan ini lebih seperti garis panduan daripada peraturan sebenar.

Anda dapat menentukan bahawa algoritma susun atur tetap harus digunakan dengan menetapkan meja makan kepada nilai: Tetap. Menggunakan algoritma ini, penyemak imbas akan mengabaikan kandungan sel dan menggunakan spesifikasi lebar yang tersedia untuk mengira lebar lajur jadual, walaupun kandungannya tidak sesuai. Anda boleh membaca lebih lanjut mengenainya dalam topik pemformatan jadual dalam rujukan.

Manfaat susun atur jadual tetap adalah prestasi yang lebih baik, terutamanya untuk jadual besar dengan banyak lajur. Jika anda mempunyai meja besar, dan dengan selamat dapat menentukan lebar lajur, menggunakan jadual berlapis: tetap; akan membolehkan penyemak imbas memaparkan jadual lebih cepat.

soalan yang sering ditanya mengenai perlombongan rujukan CSS SitePoint

Apakah rujukan CSS SitePoint? Ia termasuk definisi sifat CSS, nilai, pemilih, dan aturan AT, bersama-sama dengan contoh dan maklumat keserasian penyemak imbas. Rujukan ini direka untuk membantu kedua -dua pemula dan pemaju berpengalaman memahami dan menggunakan CSS dengan berkesan dalam reka bentuk web dan projek pembangunan mereka. Ia menyediakan banyak maklumat mengenai sifat CSS, nilai, pemilih, dan aturan. Anda boleh menggunakan rujukan ini untuk mempelajari unsur-unsur CSS yang berbeza, memahami bagaimana ia berfungsi, dan melihat contoh bagaimana mereka boleh digunakan dalam senario dunia nyata. Ini dapat membantu anda untuk membangunkan pemahaman yang lebih mendalam tentang CSS dan meningkatkan reka bentuk web dan kemahiran pembangunan anda. Ia menyediakan panduan yang komprehensif kepada CSS, menjadikannya sumber yang berharga untuk pemula dan pemaju yang berpengalaman. Ia termasuk maklumat terperinci mengenai sifat CSS, nilai, pemilih, dan aturan, bersama-sama dengan contoh dan maklumat keserasian penyemak imbas. Ini dapat membantu anda memahami dan menggunakan CSS dengan lebih berkesan, meningkatkan reka bentuk web dan kemahiran pembangunan anda.

Bagaimanakah rujukan CSS SitePoint dibandingkan dengan rujukan CSS yang lain? Ia meliputi pelbagai elemen CSS, memberikan maklumat terperinci tentang setiap satu, bersama -sama dengan contoh dan maklumat keserasian penyemak imbas. Ini menjadikannya sumber yang berharga untuk kedua -dua pemula dan pemaju yang berpengalaman. Walaupun rujukan CSS yang lain juga boleh memberikan maklumat yang berguna, rujukan SitePoint CSS menawarkan panduan yang lebih mendalam dan komprehensif kepada CSS. Ia memberikan maklumat terperinci mengenai sifat CSS, nilai, pemilih, dan aturan, bersama-sama dengan contoh dan maklumat keserasian penyemak imbas. Ini dapat membantu anda memahami bagaimana CSS berfungsi dan bagaimana menggunakannya dengan berkesan dalam reka bentuk web dan projek pembangunan anda. Ini memastikan bahawa maklumat yang disediakan adalah semasa dan relevan, menjadikannya sumber yang boleh dipercayai untuk belajar tentang CSS. Ia memberikan maklumat terperinci mengenai sifat CSS, nilai, pemilih, dan aturan, bersama-sama dengan contoh dan maklumat keserasian penyemak imbas. Dengan mengkaji rujukan ini, anda boleh membangunkan pemahaman yang lebih mendalam tentang CSS dan belajar bagaimana menggunakannya dengan lebih berkesan dalam projek anda. Ia termasuk definisi sifat CSS, nilai, pemilih, dan aturan AT, bersama-sama dengan contoh dan maklumat keserasian penyemak imbas. Setiap elemen CSS dibentangkan di bahagian yang berasingan, menjadikannya mudah untuk mencari maklumat yang anda perlukan. Ia memberikan maklumat terperinci mengenai sifat CSS, nilai, pemilih, dan aturan, bersama-sama dengan contoh dan maklumat keserasian penyemak imbas. Ini dapat membantu anda memahami cara menggunakan CSS dengan berkesan dalam projek anda. Ia boleh didapati dalam talian dan boleh diakses oleh sesiapa yang berminat untuk belajar tentang CSS. Ini menjadikannya sumber yang berharga untuk kedua -dua pemula dan pemaju yang berpengalaman.

Atas ialah kandungan terperinci Menambang rujukan CSS SitePoint. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!