cari
Rumahhujung hadapan webtutorial cssPerbandingan kelebihan dan kekurangan peralihan daripada Jadual ke pertukaran CSS_Experience

Suara penyokong reka letak CSS sedang dibayangi oleh suara "merit susun atur meja". Ini adalah mitos bahawa CSS sukar dipelajari. Malah, CSS tidak lebih sukar daripada teknologi web lain. Inilah masalahnya: Pereka web yang sudah cukup berpengalaman dengan reka bentuk meja perlu meninggalkan sepenuhnya pemikiran mereka dan menggunakan pendekatan CSS.

Saya telah mereka bentuk dengan reka letak jadual selama bertahun-tahun, dan apabila saya mula menggunakan reka letak CSS, saya juga menghadapi masalah. "Betapa mudahnya menggunakan borang" fikir saya. Tetapi itu hanya kerana saya sudah biasa dengan meja dan saya tahu cara menanganinya dengan bijak. Sebarang perubahan, walaupun kecil, akan menyusahkan saya, apatah lagi perubahan yang begitu drastik.

Mengimbau kembali kali pertama saya belajar menggunakan susun atur meja, saya juga menghadapi banyak masalah yang melanda saya. Fikirkan kembali kepada rowspans, colspans dan imej GIF kosong Untuk bersikap adil, daripada kedua-dua kaedah reka letak ini, reka letak jadual adalah lebih sukar.

Satu lagi sudut pandangan lama ialah: halaman (bilangan bait) yang direka oleh CSS adalah sangat besar, lebih besar daripada halaman yang direka bentuk mengikut jadual. Sebabnya ialah: kerana anda meletakkan semua gaya keseluruhan tapak dalam satu fail, apabila pengguna melawat halaman, helaian gaya yang mengandungi gaya keseluruhan tapak perlu dimuat turun, jadi halaman itu sangat besar.

Jadi mengapa anda meletakkan semua gaya dalam satu fail CSS? Tiada siapa yang mengehadkan anda untuk menggunakan hanya satu fail CSS Anda boleh menyediakan fail helaian sub-gaya yang berasingan untuk gaya terperinci bab tertentu. Mengikut pengalaman saya, daripada tapak web manual ringkas kepada tapak web sistem berbilang fungsi yang dipacu pangkalan data yang besar, saya tidak pernah menggunakan hanya satu fail helaian gaya dan tiada halaman utama yang mempunyai lebih banyak kod daripada reka bentuk jadual. Teg jadual, tr dan td tersebut menggunakan banyak ruang Ambil tindakan sekarang dan gunakan kaedah reka letak CSS untuk mengurangkan saiz fail anda.

Apabila anda menggunakan reka letak jadual, anda kehilangan makna semantik label itu sendiri. Pendekatan standard web terhadap reka letak akan membawa faedah yang besar dengan mengasingkan kandungan dan lapisan pembentangan. Apabila anda mengunci reka bentuk anda dengan jadual, sebaik sahaja anda perlu mengubahnya, anda perlu mencari halaman, kemudian menganalisis struktur jadual, dan mengubah suai halaman demi halaman, manakala fail CSS hanya boleh menukar reka bentuk keseluruhan tapak. Dengan CSS anda tidak perlu memikirkan tentang kebebasan peranti sama sekali dan anda tidak perlu risau tentang pengguna memilih gaya mereka sendiri.

Saya juga mendengar tentang "faedah" borang: mereka bentuk borang. Tetapi borang boleh menggunakan sebarang kaedah untuk mencapai susunan jadual. Adakah untuk Netscape 4 saya tidak pernah mendengar alasan untuk menyokong pelayar lama seperti itu. Minat pengguna kebanyakan penyemak imbas arus perdana jauh lebih besar daripada minat segelintir pengguna yang menggunakan penyemak imbas yang tidak menyokong helaian gaya (apatah lagi CSS juga menyokong teks biasa).

Hujah penyokong "Super Forms" itu berpunca daripada ini: "Borang lebih mudah!" Jika anda berpuas hati dengan pendekatan yang tidak cekap, itu terpulang kepada anda. Jika anda ingin menerobos batasan dan menjadikan kandungan halaman lebih serba boleh, lebih mudah digunakan dan mempunyai kod yang lebih sedikit, maka bekerja keras untuk menukar. Sudah tentu, jika anda baru dalam reka bentuk web dan bermula dari awal, anda tidak akan menghadapi masalah ini.

"Tolak sahaja kereta jika ia tidak terjatuh", "Ini hanyalah alat dalam kotak alat pereka Ini adalah pandangan beberapa pembahas. Susun atur meja adalah seperti pemutar skru dikendalikan kayu lama yang anda masih boleh gunakan untuk menggerudi ke dinding. Dan saya lebih suka menggunakan pemutar skru elektrik yang lebih cekap dan tidak akan memberikan saya lepuh pada tangan saya.

Kenyataan
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
Apakah grid CSS?Apakah grid CSS?Apr 30, 2025 pm 03:21 PM

CSS Grid adalah alat yang berkuasa untuk mewujudkan susun atur web yang rumit dan responsif. Ia memudahkan reka bentuk, meningkatkan kebolehcapaian, dan menawarkan lebih banyak kawalan daripada kaedah yang lebih lama.

Apakah CSS Flexbox?Apakah CSS Flexbox?Apr 30, 2025 pm 03:20 PM

Artikel membincangkan CSS Flexbox, kaedah susun atur untuk penjajaran yang cekap dan pengedaran ruang dalam reka bentuk responsif. Ia menerangkan penggunaan Flexbox, membandingkannya dengan grid CSS, dan butiran sokongan penyemak imbas.

Bagaimanakah kita boleh membuat laman web kami responsif menggunakan CSS?Bagaimanakah kita boleh membuat laman web kami responsif menggunakan CSS?Apr 30, 2025 pm 03:19 PM

Artikel ini membincangkan teknik untuk membuat laman web responsif menggunakan CSS, termasuk tag Meta Viewport, grid fleksibel, media cecair, pertanyaan media, dan unit relatif. Ia juga meliputi menggunakan grid CSS dan Flexbox bersama -sama dan mengesyorkan rangka kerja CSS

Apakah harta saiz kotak CSS?Apakah harta saiz kotak CSS?Apr 30, 2025 pm 03:18 PM

Artikel ini membincangkan harta saiz kotak CSS, yang mengawal bagaimana dimensi elemen dikira. Ia menerangkan nilai seperti kotak kandungan, kotak sempadan, dan kotak padding, dan kesannya terhadap reka bentuk susun atur dan penjajaran bentuk.

Bagaimanakah kita boleh menghidupkan CSS?Bagaimanakah kita boleh menghidupkan CSS?Apr 30, 2025 pm 03:17 PM

Artikel membincangkan membuat animasi menggunakan CSS, sifat utama, dan menggabungkan dengan JavaScript. Isu utama adalah keserasian penyemak imbas.

Bolehkah kita menambah transformasi 3D ke projek kami menggunakan CSS?Bolehkah kita menambah transformasi 3D ke projek kami menggunakan CSS?Apr 30, 2025 pm 03:16 PM

Artikel membincangkan menggunakan CSS untuk transformasi 3D, sifat utama, keserasian penyemak imbas, dan pertimbangan prestasi untuk projek web. (Kira -kira aksara: 159)

Bagaimana kita boleh menambah kecerunan dalam CSS?Bagaimana kita boleh menambah kecerunan dalam CSS?Apr 30, 2025 pm 03:15 PM

Artikel ini membincangkan menggunakan kecerunan CSS (linear, radial, mengulangi) untuk meningkatkan visual laman web, menambah kedalaman, fokus, dan estetika moden.

Apakah unsur-unsur pseudo dalam CSS?Apakah unsur-unsur pseudo dalam CSS?Apr 30, 2025 pm 03:14 PM

Artikel membincangkan unsur-unsur pseudo dalam CSS, penggunaannya dalam meningkatkan gaya HTML, dan perbezaan dari kelas pseudo. Menyediakan contoh praktikal.

See all articles

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

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual