Rumah hujung hadapan web tutorial css Atribut, parameter dan perihalan yang biasa digunakan bagi pertukaran DIV+CSS_Experience

Atribut, parameter dan perihalan yang biasa digunakan bagi pertukaran DIV+CSS_Experience

May 16, 2016 pm 12:04 PM
css div parameter harta benda

Kelas am
overflow:hidden; secara automatik menyembunyikan kandungan berlebihan untuk mengelakkan meluaskan skop lapisan dan jadual
!penting
Menentukan keutamaan aplikasi peraturan gaya
Warna kelas teks: #FF0000; -keluarga: "Arial", "Helvetica", "sans-serif"; nilai 150%) gaya fon: condong (condong) berat huruf: tebal; hiasan: garis bawah garis atas kejap; garis bawah, garis atas, coretan, kejap teks-inden: 2em teks inden tinggi fon (atau 15px, iaitu, 15 piksel)
Latar belakang kelas latar belakang: tetap; (skrol) latar belakang: #0066CC; warna latar belakang (lutsinar) latar belakang: url(/gambar/lagi2.gif latar belakang-ulang: ulangi (ulang-x berulang secara mendatar, ulang-y berulang) kedudukan latar belakang : atas tengah; atas menegak tengah mendatar (tengah kiri tengah mendatar kiri tengah menegak) latar belakang: url(/image/dtbg.gif) #FEFEFE
tiada ulangan
Bawah kanan (2px 5px) Latar belakang imej,
Warna latar belakang, imej tidak berulang, imej latar belakang bermula dari sudut kanan bawah (imej adalah 2px dari kiri dan 5px dari atas)
Kelas kedudukan bingkai
jelas: kedua-duanya; tolak objek terapung di kedua-dua belah (kiri menolak objek terapung, kanan menolak objek terapung)
Terapung: kiri; objek terapung diletakkan di sebelah kiri (kanan, jadual waktu kereta api terkini diletakkan di sebelah kanan)
kedudukan :relatif ; Kedudukan relatif, biasanya tetapkan jadual waktu terbaik dalam bingkai unggul
kedudukan: mutlak; > atas: 5px; Kedudukan mutlak halaman atau relatif kepada bahagian atas bingkai
Kiri: 10px; 🎜> Ketinggian: 200px; ketinggian 200px (nilai automatik dan 100% tersedia )
Margin jadual kereta api Shanghai: 10px 20px 10px 20px
Jidar atas, kanan, bawah dan kiri (jika nilainya sama, jidar: 10px boleh diabaikan)
Tentukan secara individu margin-atas: 10px; (margin-kanan, margin-bawah, margin-kiri)
Padding: 20px 10px 10px 20p; kandungan atas, kanan, bawah dan kiri dari jidar (nilai yang sama boleh menghilangkan padding: 10px)
Gunakan padding- apabila ditentukan secara individu atas: 10px; (padding-right, padding-bottompadding-left)
Border : #ccc 1px jadual kereta api Chengdu pepejal;
Empat warna sempadan, lebar garisan, garisan pepejal (garisan putus-putus putus-putus, garis putus-putus putus-putus, garisan berkembar dua, rabung rabung)
Nyatakan bahagian atas sempadan secara individu: #ccc 1px pepejal ; sempadan-kanan: #ccc 1px pepejal
dsb.
Kedudukan senarai kelas senarai item: kedudukan luar Untuk imej-gaya senarai di luar (dalam): url(/yh/image/more04.gif ); 4); penapis penapis: FlipH; flip mendatar (FlipV gprs trafik flip menegak)
Tetapkan pautan secara berasingan
 #bottool a:link{color:#fff};Warna tidak dilawati
 #bottool a:visited {color:#fff};Lawati perisian aliran warna
#bottool a: hover{color:#ff0}; Tetikus berada pada pautan
Dengan begitu banyak item definisi, sebenarnya, kategori berikut biasanya digunakan : menentukan nilai lebar dan ketinggian​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​; bekas itu: padding. Antaranya, item definisi program limpahan, jelas dan !penting telah dibatalkan dalam definisi gaya saya. 1. Batalkan limpahan:tersembunyi kerana selepas percubaan berulang, item definisi ini hanya boleh menyembunyikan kandungan yang melebihi ketinggian bekas tetapi tidak boleh menyembunyikan kandungan yang melebihi lebar. Apa yang saya perlukan ialah dapat menyembunyikan kandungan yang melebihi lebar bekas secara automatik Kadangkala saya memerlukan ketinggian bekas untuk mengembang mengikut jumlah kandungan. 2. Sebab untuk membatalkan definisi yang jelas ialah dalam aplikasi praktikal, hubungan susunan antara bekas benar-benar difahami Kedudukan bingkai atau bekas masih diposisikan dengan tepat menggunakan apungan, kedudukan, atas, kiri, dll. 3. !penting
Menentukan keutamaan penggunaan peraturan gaya. Ini digunakan terutamanya untuk membezakan kesan paparan antara IE dan pelayar lain. Laman web saya hanya mahu membetulkan kesan paparan, jadi tiada keutamaan.
Saya masih meneliti DIV+CSS Jika ada apa-apa yang tidak sesuai, sila siarkan dan betulkan saya Jika ada sebarang penambahbaikan, sila siarkan dan perbaiki. Saya fikir perkara yang paling penting apabila menggunakan DIV+CSS untuk susun atur tapak web ialah idea reka bentuk yang berbeza mempunyai reka bentuk tradisional dan ringkas yang sangat berbeza. Saya menumpukan pada kesejagatan rangka kerja atau bekas, dan mereka bentuk beberapa gaya bekas, sama seperti gaya label dalam FS4, dan kemudian panggil gaya ini jika diperlukan untuk mencapai kesejagatan dan bukannya kekhususan. Mari kita bercakap tentang perkara ini hari ini, dan kita akan bercakap secara khusus tentang idea reka bentuk reka letak ini kemudian.

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan bootstrap di vue Cara menggunakan bootstrap di vue Apr 07, 2025 pm 11:33 PM

Menggunakan bootstrap dalam vue.js dibahagikan kepada lima langkah: Pasang bootstrap. Import bootstrap di main.js. Gunakan komponen bootstrap secara langsung dalam templat. Pilihan: Gaya tersuai. Pilihan: Gunakan pemalam.

Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras Apr 08, 2025 pm 07:05 PM

HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

Cara Menulis Garis Pecah Di Bootstrap Cara Menulis Garis Pecah Di Bootstrap Apr 07, 2025 pm 03:12 PM

Terdapat dua cara untuk membuat garis perpecahan bootstrap: menggunakan tag, yang mewujudkan garis perpecahan mendatar. Gunakan harta sempadan CSS untuk membuat garis perpecahan gaya tersuai.

Memahami HTML, CSS, dan JavaScript: Panduan Pemula Memahami HTML, CSS, dan JavaScript: Panduan Pemula Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.

Cara Menyiapkan Kerangka untuk Bootstrap Cara Menyiapkan Kerangka untuk Bootstrap Apr 07, 2025 pm 03:27 PM

Untuk menubuhkan rangka kerja bootstrap, anda perlu mengikuti langkah -langkah ini: 1. Rujuk fail bootstrap melalui CDN; 2. Muat turun dan tuan rumah fail pada pelayan anda sendiri; 3. Sertakan fail bootstrap di HTML; 4. Menyusun sass/kurang seperti yang diperlukan; 5. Import fail tersuai (pilihan). Setelah persediaan selesai, anda boleh menggunakan sistem grid Bootstrap, komponen, dan gaya untuk membuat laman web dan aplikasi yang responsif.

Cara mengubah saiz bootstrap Cara mengubah saiz bootstrap Apr 07, 2025 pm 03:18 PM

Untuk menyesuaikan saiz unsur-unsur dalam bootstrap, anda boleh menggunakan kelas dimensi, yang termasuk: menyesuaikan lebar: .col-, .w-, .mw-adjust ketinggian: .h-, .min-h-, .max-h-

Cara memasukkan gambar di bootstrap Cara memasukkan gambar di bootstrap Apr 07, 2025 pm 03:30 PM

Terdapat beberapa cara untuk memasukkan imej dalam bootstrap: masukkan imej secara langsung, menggunakan tag HTML IMG. Dengan komponen imej bootstrap, anda boleh memberikan imej yang responsif dan lebih banyak gaya. Tetapkan saiz imej, gunakan kelas IMG-cecair untuk membuat imej boleh disesuaikan. Tetapkan sempadan, menggunakan kelas IMG-Sempadan. Tetapkan sudut bulat dan gunakan kelas IMG-bulat. Tetapkan bayangan, gunakan kelas bayangan. Saiz semula dan letakkan imej, menggunakan gaya CSS. Menggunakan imej latar belakang, gunakan harta CSS imej latar belakang.

Cara menggunakan butang bootstrap Cara menggunakan butang bootstrap Apr 07, 2025 pm 03:09 PM

Bagaimana cara menggunakan butang bootstrap? Perkenalkan CSS bootstrap untuk membuat elemen butang dan tambahkan kelas butang bootstrap untuk menambah teks butang

See all articles