Bagaimana untuk menulis css dalam halaman html-Soal Jawab bahagian hadapan-php.cn

CSS (Cascading Style Sheets) ialah teknologi yang digunakan untuk mereka bentuk dan mencantikkan halaman HTML. Gaya CSS boleh dibuat dan dirujuk melalui teg dalam dokumen HTML atau daripada fail CSS luaran.

Berikut ialah pengenalan terperinci tentang cara menulis gaya CSS dalam halaman HTML:

Sebaris Sebaris merujuk kepada membenamkan gaya CSS terus ke halaman HTML, menggunakan &lt The ; tag gaya> membalut kod CSS. Contohnya: 内嵌式CSS样式表 body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: #333; text-align: center; } 欢迎来到我的网站 这是一段普通的文字

Salin selepas log masuk Dalam contoh di atas, kami mula-mula menggunakan teg untuk menetapkan set aksara dokumen, dan kemudian menggunakan teg ; tag untuk menulis gaya CSS . Dalam teg , kami menetapkan warna latar belakang dokumen, gaya fon dan warna teks tajuk.

Perhatikan bahawa teg mesti diletakkan dalam teg Menggunakan gaya CSS secara langsung dalam teg

Gaya luaran Helaian gaya luaran bermakna kami meletakkan gaya CSS dalam fail berasingan dan kemudian merujuknya ke halaman HTML melalui teg Helaian gaya luaran mempunyai kelebihan berbilang kegunaan dan penyelenggaraan yang mudah. Dalam kes ini, kita perlu menggunakan fail dengan sambungan .css untuk menyimpan gaya CSS. Fail boleh diletakkan pada pelayan atau pada komputer tempatan anda. Contohnya:

/* css/style.css */

body { background-color: #f0f0f0; font-family: Arial, sans-serif; }

h1 { color: #333; text-align: center; } Salin selepas log masuk Dalam halaman HTML, kita perlu menggunakan teg untuk mengaitkan fail CSS luaran dengan dokumen HTML. Contohnya:

外部式CSS样式表 欢迎来到我的网站 这是一段普通的文字

Salin selepas log masuk Dalam kod di atas, kami menggunakan teg untuk mengaitkan fail style.css dengan dokumen HTML. Ambil perhatian bahawa atribut href mesti menghala ke URL atau laluan relatif fail CSS. Jika fail CSS terletak dalam direktori yang sama dengan dokumen HTML, atribut href boleh menunjuk terus ke nama fail CSS.

Sebaris Gaya Sebaris merujuk kepada penggunaan gaya CSS terus pada elemen HTML. dan bukannya mentakrifkannya dalam lembaran gaya. Contohnya: 行内式CSS样式表 欢迎来到我的网站 这是一段普通的文字

Salin selepas log masuk Sebaris, kami mentakrifkan gaya CSS dalam atribut gaya elemen HTML. Setiap atribut mesti dipisahkan dengan koma bertitik, dan nilai atribut mesti disertakan dalam petikan. Sila ambil perhatian bahawa menggunakan sebaris boleh menjadikan kod HTML anda bersepah dan sukar untuk diselenggara. Oleh itu, secara amnya tidak disyorkan untuk menggunakan sebaris dalam projek sebenar.

Ringkasan Apabila menulis gaya CSS dalam halaman HTML, anda boleh menggunakan kaedah sebaris, luaran dan sebaris. Antaranya, gaya luaran ialah kaedah yang paling biasa digunakan, yang boleh menumpukan gaya dalam satu fail untuk penyelenggaraan yang mudah dan pelbagai kegunaan. Untuk format sebaris dan sebaris, adalah disyorkan untuk menggunakannya hanya apabila perlu, jika tidak, ia boleh membawa kepada kod HTML yang mengelirukan dan sukar diselenggara.