Gunakan kelas sesedikit mungkin, kerana anda boleh mengecam pengecaman, seperti: .News h3 tanpa menambah kelas pada h3
3 Jika tiada unsur sedia ada untuk dibezakan, gunakan div
boleh ditukar kepada
4 Pemilih
p a h1 type selector
Li a {text-decoration:none} Descendant selector
*{ padding:0; } Pemilih universal, semua elemen pada halaman.
5. Kedudukan
Kedudukan relatif adalah relatif kepada kedudukan di mana ia sepatutnya muncul
Kedudukan mutlak adalah relatif kepada unsur nenek moyang terdekat (eksperimen mendapati bahawa unsur nenek moyang perlu ditetapkan kepada kedudukan relatif)
Terapung Kotak boleh bergerak ke kiri dan ke kanan sehingga tepinya menyentuh kotak berisi atau tepi kotak lain yang mengandungi Kerana kotak terapung tidak berada dalam aliran biasa dokumen, kotak dalam aliran biasa dokumen berkelakuan seolah-olah. kotak terapung tidak wujud.
Ringkasan: Jika div diapungkan, div seterusnya akan dianggap seolah-olah yang pertama tidak wujud. Ketahui apabila anda menemui kotak terapung atau mengandungi.
Jelas: kanan Bahagian kanan kotak terapung tersedia
Jelas: kiri Bahagian kiri kotak terapung tersedia
Jelas: kedua-dua belah kotak terapung tidak tersedia
Menggunakan limpahan atribut dengan nilai tersembunyi atau auto akan membersihkan secara automatik Sebarang elemen terapung yang terkandung.
6. Latar belakang kecerunan
Buat imej kecerunan yang tinggi tetapi sempit, berjubin secara mendatar
Badan
{
Latar belakang: #ccc url (gradient.gif) repeat-x
}
Tetapi sukar untuk meramalkan betapa tingginya halaman imej, jadi anda boleh menggabungkannya dengan warna latar belakang Apabila imej tamat, warna akan keluar Jika perbezaan warna antara kedua-duanya adalah sangat dekat tidak akan kelihatan.
Contoh: Tambahkan ikon pada setiap tajuk
H1
{
Padding-left:30px;
Latar belakang: url(/images/bullet.gif) no-repeat left center; >}
7. Serlahkan pelbagai jenis pautan
seperti: pautan ke tapak luar, e-mel, muat turun, dll.
.luaran
{
Latar Belakang: url (/images/externalLink. gif) no-repeat right top;
Padding-right:10px;
}
8 Elemen khusus jadual
1) Ringkasan dan Kapsyen
Atribut ringkasan boleh digunakan pada label jadual, Terangkan kandungan jadual
Kapsyen Tajuk jadual
2) thead tbody tfoot
I.e Anda boleh meletakkan semua pengepala lajur dalam elemen thead Jika anda memilih untuk menggunakan elemen thead atau tfoot, anda mesti menggunakan sekurang-kurangnya satu elemen tbody. Jadual hanya boleh menggunakan satu thead dan tfoot, tetapi boleh menggunakan berbilang tbody
9 Model sempadan jadual
1) Model individu: Setiap sel mempunyai sempadan di sekelilingnya. 2) Model tindanan: Jidar kongsi Grid Sel
10 Reka letak Borang
Sempadan: versi yang lebih rendah tidak menyokongnya, tetapi anda boleh menggunakan
Filedset
{
Sempadan: pepejal 0. telus;
}
11 . Label label borang
Mod tersirat:
e-mel
e-mel
Sama ada dalam bentuk Penggunaan perenggan adalah kontroversi.
12. Mari reka drama Kaedah 1:
{ Lebar: 720px;
Margin:0 auto;
}
Tetapi kaedah ini tidak biasa dalam IE6 dan ke bawah
Kaedah 2 (perlu digabungkan berdasarkan dua elemen): Gunakan kosong automatik
Body
{
Text-align:center;
Min-width: 760;
}
#wrapper
{
Width: 720px
Margin: 0 auto;
Selaraskan teks: ke kiri;
}
Kaedah 3: Gunakan kedudukan dan ruang kosong negatif untuk menukar
#pembungkus
{
Lebar: 720px; 🎜> Kiri: 50%;
Margin-left: -360;
}
13: Susun atur bendalir: Semua saiz ditetapkan dalam peratusan dan bukannya piksel
Kelebihan: Lebar berubah mengikut saiz penyemak imbas .
Kelemahan: Apabila ia semakin kecil, baris semakin sempit.
Penyelesaian: Tetapkan lebar min dalam piksel dan ems
14: Reka letak fleksibel: Apabila saiz fon berubah, baris berubah (unit ialah em)
Reka letak fleksibel menetapkan lebar elemen berbanding fon saiz.
1em=10px;
Saiz fon lalai kebanyakan penyemak imbas ialah 16px, 10 bersamaan dengan 62.5% daripada 16 piksel
Body
{
Saiz fon: 62.5%; >}
#pembungkus
{
Lebar:72em;
Margin:0 automatik; >Lebar: 18em;
Apung:kanan;
}
15 Susun atur bendalir elastik: tetapkan lebar dalam em dan tetapkan lebar maksimum dalam peratusan.
#pembungkus
{
Lebar:72em;
Lebar maksimum: 100%; 16: Imej cecair dan anjal
Masalah ubah bentuk imej: Cuba letakkan di latar belakang
17. Helah HTML asterisk
* html a:hover
{
Gaya badan: pepejal
}
Hanya berguna untuk IE6 atau ke bawah
18: helah !import dan garis bawah
# nav
{
Kedudukan: tetap !penting;
Kedudukan : statik;
}
atau
#nav
{
Kedudukan:
_Kedudukan : statik;
}
19, beberapa lajur
Nav diperlukan Untuk membezakan warna dan ketinggian paparan 100%, anda boleh membuat gambar dengan lebar sama dengan Nav, tetapkan imej latar belakang pada utama, dan jubinkan ke arah menegak.

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

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

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

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

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

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

在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

Dreamweaver CS6
Alat pembangunan web visual

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

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.

EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

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),
