Di mana kod css boleh diletakkan dalam html-tutorial css-php.cn

Di mana kod css boleh diletakkan dalam html

奋力向前

Lepaskan： 2023-01-07 11:47:24

asal

8922 orang telah melayarinya

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

Di mana kod css boleh diletakkan dalam html

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">

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!