


Asas teori adalah perlu, dan amalan adalah cara untuk menambah baik dan memahami teori, kedua-duanya adalah sama pentingnya . Tetapi apakah kegunaan praktikal kaedah yang saya katakan ini. Jelas sekali, ia tidak boleh mencipta segi empat tepat bulat untuk kita, ia juga tidak boleh mencipta susun atur lajur untuk kita, ia juga tidak boleh memberikan kita bar navigasi yang ditetapkan di kepala dokumen. Aplikasi praktikal algoritma ini terletak pada: Amalan pengaturcaraan CSS yang baik. Ini adalah amalan makro yang sama pentingnya dengan amalan mikro yang baru saya nyatakan, tetapi jauh lebih sukar untuk dikuasai.
Artikel ini tidak berhasrat untuk menyertakan semua spesifikasi pengaturcaraan CSS yang baik, dan saya juga tidak mungkin menyediakan ringkasan spesifikasi peribadi saya untuk menulis CSS intipati operasi CSS.
Jangan gunakan CSS sebaris
Gaya pengguna bukan di bawah kawalan anda
Jangan gunakan peraturan penting
Tulis CSS dari rendah ke tinggi mengikut kekhususan
Tiga item pertama bukan fokus apa yang saya bincangkan, saya akan luluskannya.
Kekhususan CSS sebaris adalah yang tertinggi Jika atribut dalam fail CSS anda bercanggah dengan CSS sebaris, maka atribut dalam fail CSS anda akan menjadi tidak sah daripada kebiasaan kami dalam menyahpepijat gaya sahaja fail tidak sepadan. CSS sebaris juga hodoh, ia memasukkan gaya ke dalam dokumen HTML, jadi ia harus ditinggalkan.
Jika pengguna menetapkan gaya pengguna kepada penting, maka tidak kira bagaimana anda menulis peraturan CSS, anda tidak boleh sekali-kali mengatasi kenyataan penting pengguna, jadi cuba menutup semua gaya pengguna adalah sia-sia. Senangnya kita tidak perlu memikirkan perkara ini lagi.
Peraturan penting adalah outlier Ia tidak menepati cara pemikiran biasa kita Tidak kira bagaimana kita meningkatkan kekhususan dan susunan peraturan CSS, peraturan penting akan menimpa peraturan yang bersaing dengannya. juga akan mengganggu Peraturan biasa peraturan CSS membawa masalah untuk penyahpepijatan. Jika anda ingin menggunakan peraturan penting untuk menggodam penyemak imbas, maka anda harus menggunakan peraturan dalam pemilih yang menunjuk kepada elemen unik. (PS. Hack harus menjadi perkara terakhir yang dipertimbangkan dalam penyelesaian, kerana ia terlalu hodoh.)
Perkara terakhir, bagaimana untuk menulis CSS dari rendah ke tinggi mengikut kekhususan?
Kuncinya ialah CSS modular.
Tambah CSS global
Tambahkan CSS bersatu untuk halaman semasa
Bahagikan halaman kepada beberapa modul
Gunakan cangkuk id pada setiap modul yang berbeza dan cangkuk kelas pada modul yang sama
Tambah setiap modul Unified CSS untuk setiap modul
Bahagikan setiap modul kepada beberapa sub-modul, dan kembali ke langkah 4 untuk mula menggelung sehingga penambahan gaya selesai.
Menulis CSS yang baik ialah masalah reka bentuk, bukan masalah pelaksanaan. Mula-mula kita harus menulis kandungan CSS global dengan kekhususan yang sangat rendah, iaitu reset.css yang biasa kita gunakan. Ia adalah gaya lalai untuk semua halaman di seluruh tapak web kami.
Jika mana-mana halaman mempunyai gaya bersatu yang unik, seperti halaman dengan latar belakang yang berbeza daripada halaman lain, maka kami boleh menambah ID pada halaman dan kemudian menulis CSS bersatu halaman semasa di bawah ID.
body#special{ background-color:black; }
Selepas gaya bersatu ditulis, kami membahagikan halaman kepada beberapa modul Jika modul ini pada dasarnya mempunyai gaya yang sama, maka gunakan cangkuk kelas sama, kemudian gunakan id hook, prinsip ini harus diikuti setiap kali pada masa akan datang apabila membahagikan kepada modul, kerana kekhususan kelas tidak tinggi, jadi jika ia bukan modul yang kelihatan jelas serupa, kelas tidak boleh digunakan. Nama id biasanya boleh digunakan sebagai nama modul. Seperti kepala, bawah, dll. Pemilih id memainkan peranan penting dalam melata, kerana id adalah eksklusif dan mempunyai kekhususan yang tinggi, yang boleh menghalang peraturan CSS daripada ditindih secara tidak sengaja.
Dalam modul tertentu kita mungkin mempunyai beberapa CSS bersatu, maka kita perlu menggunakan pemilih id untuk menulis gaya bersatu di bawah modul semasa.
#head p{ color:red; }
Apabila menambahkan cangkuk kelas, saya mengesyorkan menggunakan id modul induk (atau halaman itu sendiri) sebagai bahagian pertama nama kelas. Jika saya menambah halaman bebas (body#special), kemudian selepas membahagikan modul kepada modul untuk halaman, saya harus menamakan modul halaman special_head, special_bottom, dsb.
Atau apabila menggunakan cangkuk kelas dalam beberapa modul halaman, anda harus menggunakan head_col dsb. Kelebihan ini ialah kita tidak perlu menggunakan
#head .col{ /* 头部中每一列的样式 */ }
tetapi boleh terus menggunakan
.head_col{ /* 头部中每一列的样式 */ }
jadi kami tidak tidak perlu risau tentang menamakan konflik.
Untuk elemen dengan pemilih id ditambah terus di bawah modul, kami boleh menggunakan pemilih secara terus dan menambah id modul induk sebelum namanya.
#head_navigator{ /* 头部中导航栏的样式 */ }
要做到模块化CSS我们应当尽量防止跨模块的CSS出现,我想一条好的原则是:如果某一样式的跨模块特性不是你一目了然的,那么就不要使用跨模块的CSS。一个例外是全局CSS或者模块内的统一CSS。而对于那些并非一目了然的,并非具有统一样式的,建议在每个子模块下分别定义。这就像是编写Java程序中的面向对象的设计一样,我们要降低模块之间的互相依赖,使得相同模块的CSS规则在一起,略有不同的就完全分开,这样不但易于维护,还能够保证特殊性从低到高地编写CSS,从而防止CSS规则被意外的覆盖
以上就是CSS规则层叠的应用 css必须要注意的几点_经验交流的内容,更多相关内容请关注PHP中文网(www.php.cn)!

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.