Rumah > Artikel > hujung hadapan web > Di mana kod css boleh diletakkan dalam html

Di mana kod css boleh diletakkan dalam html

奋力向前asal: 2021-09-07 12:06:038950semak imbas

Lokasi kod css: 1. Gunakan atribut gaya secara langsung dan letakkannya dalam teg html, dengan sintaks "b889703541f5ac40bc0141c5504622e9"; teg untuk menulis kod css bersama-sama Dalam teg kepala dokumen, sintaks ialah "c9ccee2e6ea535a969eb3f532ad9fe89css code531ac245ce3e4fe3d50054a55f265927".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam html, kedudukan peletakan kod css

1 Secara langsung gunakan atribut gaya dan letakkan dalam teg html

Sintaks asas Formatnya adalah seperti berikut:

<element style="value">

Dalam sintaks, style ialah atribut teg Sebenarnya, mana-mana teg HTML mempunyai atribut style, yang digunakan untuk menetapkan gaya sebaris. Spesifikasi penulisan atribut dan nilai adalah sama seperti peraturan gaya CSS hanya mempengaruhi teg di mana ia berada dan subteg bersarang di dalamnya.

Adalah disyorkan untuk tidak menggunakan CSS sebaris kerana setiap teg HTML perlu digayakan secara berasingan dan mengurus tapak web anda boleh menjadi sangat sukar jika anda hanya menggunakan CSS sebaris. Walau bagaimanapun, ia boleh berguna dalam situasi tertentu. Contohnya, dalam situasi di mana anda tidak mempunyai akses kepada fail CSS atau anda hanya perlu menggunakan gaya pada satu elemen. Contoh halaman HTML dengan CSS sebaris adalah seperti berikut:

Tutorial Pengehosan

Sesuatu yang berguna di sini.

2. Gunakan teg gaya untuk menulis css kod bersama Dalam teg kepala dokumen HTML, format sintaks asas

adalah seperti berikut:

<head>
<style type="text/css">
css代码
</style>
</head>

sintaks, teg style biasanya terletak dalam head tag title tag Selepas itu, anda juga boleh meletakkannya di mana-mana sahaja dalam dokumen HTML.

style type="text/CSS" boleh ditinggalkan dalam HTML5, dan penulisan adalah lebih selaras dengan piawaian, jadi tempat ini boleh ditulis atau ditinggalkan.

Contoh:

<head>
<style type="text/css">
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
</style>
</head>

Pengetahuan lanjutan:

Nama penuh html ialah bahasa penanda hiperteks, iaitu bahasa penanda , yang mengandungi satu siri tag. Teg ini boleh menyatukan format dokumen pada rangkaian dan menyambungkan sumber Internet yang bertaburan ke dalam keseluruhan teks HTML adalah teks deskriptif yang terdiri daripada arahan HTML yang boleh menerangkan teks, grafik, animasi, bunyi, jadual, dan pautan. digunakan terutamanya bersama-sama dengan css js untuk membina halaman web bahagian hadapan yang elegan.

Pembelajaran yang disyorkan: Tutorial video CSS

Atas ialah kandungan terperinci Di mana kod css boleh diletakkan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Artikel sebelumnya：Bagaimana untuk memusatkan halaman dalam cssArtikel seterusnya：Bagaimana untuk memusatkan halaman dalam css

Artikel berkaitan

Lihat lagi