Bagaimana untuk memperkenalkan helaian gaya css luaran

Cara untuk memperkenalkan helaian gaya css luaran: 1. Gunakan pernyataan "" untuk memperkenalkannya 2. Dalam pasangan tag gaya, gunakan "@import url("laluan fail css"); " kenyataan untuk memperkenalkannya.

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

Cara memperkenalkan helaian gaya css luaran

1. Gunakan teg 🎜 Teg > mentakrifkan hubungan antara dokumen dan sumber luaran. Penggunaan teg yang paling biasa adalah untuk memaut ke helaian gaya CSS luaran.

Sintaks:

2. Gunakan peraturan @import

<link rel="stylesheet" href="css文件路径" />

Peraturan @import membenarkan anda mengimport helaian gaya ke gaya lain tengah helaian.

Sintaks:

Perbezaan antara kaedah @import

<style type="text/css">
@import url("css文件路径");
</style>

pautan tergolong dalam teg HTML, manakala @import disediakan oleh CSS.

• Apabila halaman dimuatkan, pautan akan dimuatkan pada masa yang sama dan CSS yang dirujuk oleh @import akan menunggu sehingga halaman dimuatkan sebelum dimuatkan.

• @import hanya boleh dikenali oleh IE 5 atau lebih tinggi, manakala pautan ialah teg HTML dan tidak mempunyai masalah keserasian.

• Gaya pautan mempunyai berat yang lebih tinggi daripada berat @import.

Penerangan: Laluan

Laluan Relatif (Laluan Relatif)

Seperti namanya: ia adalah kedudukan fail css berbanding objek rujukan tertentu.

Apabila mengambil kelas fizik, guru akan sentiasa menyebut gerakan relatif: ia merujuk kepada gerakan relatif objek kepada objek lain berbanding objek rujukan tetap. Apabila kita berjalan dan melihat sebuah kereta, kita merasakan bahawa kereta itu pergi ke belakang Apabila kereta itu melihat kita, ia menuju ke hadapan, jadi laluan relatifnya juga kelihatan seperti ini objek.

Pengenalan kod css seperti berikut ialah alamat laluan relatif Fail style.css berada dalam tahap direktori yang sama dengan fail halaman web.

Laluan Mutlak

<link rel="stylesheet" href="style.css" />

Memandangkan ia mutlak, ini bermakna alamat ini unik dan bebas. Berbanding dengan kawasan setempat, alamat mutlak ujian tapak tadi ialah F:test Relative kepada pelayan, ia sepatutnya alamat IP seperti 127.0.0.1/test.

Contoh:

Mengenai pengenalan laluan

<link rel="stylesheet" href="http://xxx.com/test/css/style.css" />

Sama ada untuk memperkenalkan fail css mengikut laluan relatif atau laluan mutlak, saya secara peribadi berpendapat anda boleh memilih semasa pratonton secara setempat Laluan relatif telah ditukar kepada laluan mutlak apabila projek itu dilancarkan. Terdapat perkara berikut:

1 Kurangkan pengindeksan Keunikan alamat mutlak boleh memastikan bahawa apabila pengguna memasuki halaman web, penyemak imbas terus mengindeks alamat IP, yang merupakan pukulan maut secara langsung. kelewatan. Laluan relatif memerlukan mengindeks direktori langkah demi langkah Ini seperti bertemu dengan seorang gadis yang anda suka di jalan raya. minta maklumat kenalan dia, baru tahu akhirnya gadis itu sudah terkenal sejak dahulu lagi. pautan luaran. Bagi mereka yang melakukan SEO, kita semua tahu bahawa pautan luaran boleh membawa peningkatan yang baik dalam berat, walaupun Orang lain datang untuk menangkap kandungan kita Jika ia tidak ditukar kepada alamat pelayan sendiri, ia bermakna bahawa alamat rujukan tapak web ini masih URL kami Perangkak akan merangkak kembali melalui alamat rujukan imej ini, tetapi rujukan laluan relatif adalah kerana alamat telah berubah , jadi perangkak tidak dapat mencari fail yang sepadan selepas merangkak kembali kerja dah nak berhenti.

3. Tingkatkan kedudukan jika anda bekerja di bahagian hadapan, anda akan menemui kesan animasi yang anda suka, tetapi anda tidak mahu memuat turun CSS secara langsung akan memanggil alamat rangkaian secara setempat secara langsung. Apabila anda secara tidak sengaja mengklik pada alamat import semasa pratonton halaman ini, ia akan melompat ke css tapak web yang sepadan Walaupun anda tidak melawati halaman utamanya, anda masih melawati nama domainnya, yang secara tidak sengaja meningkatkan lawatannya.

(Mempelajari perkongsian video:

tutorial video css

)

Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan helaian gaya css luaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!