Bagaimana untuk Menyesuaikan Pautan dengan CSS - dummies

Secara umum, penyemak imbas memaparkan pautan sebagai teks yang bergaris biru. Asalnya, kelakuan lalai ini mengurangkan kekeliruan antara kandungan di halaman dan pautan interaktif. Hari ini, hampir setiap gaya laman web menghubungkan dengan cara sendiri. Sesetengah laman web tidak menggariskan pautan; yang lain mengekalkan hubungan garis bawah tetapi gaya dengan warna selain warna biru; dan sebagainya.

Unsur utama HTML ( a ) digunakan untuk membuat pautan. Teks antara tag pembuka dan penutupan anchor adalah penerangan pautan, dan URL yang ditetapkan dalam atribut href adalah alamat yang dilihat oleh pelayar ketika pautan diklik.

Tag anchor telah berkembang dari masa ke masa dan hari ini mempunyai empat negeri:

• pautan : Pautan yang tidak diklik atau dikunjungi pengguna
• dikunjungi : A pautan yang telah diklik atau dikunjungi oleh pengguna
• hover : Pautan bahawa pengguna melayang kursor tetikus tanpa mengklik
• aktif : Pautan pengguna telah mula klik tetapi belum lagi dikeluarkan butang tetikus

CSS boleh menaip setiap empat negeri ini, selalunya dengan menggunakan sifat dan nilai ini.

Ciri-ciri dan Nilai CSS Biasa untuk Pautan Styling

Nama Harta	Kemungkinan Nilai	Keterangan
warna	nama kod hex rgb value	(warna: biru; ), kod heksadesimal ( warna: # 0000FF; ), atau nilai RGB ( warna: rgb (0, 0, 255); >). text-decoration none
	garis bawah Tetapkan pautan untuk mempunyai garis bawah (atau tidak). Gaya contoh berikut menghubungkan dengan cara yang serupa dengan cara mereka diwarnai dalam artikel di Wikipedia, di mana pautan kelihatan biru secara lalai, digariskan pada tetikus tetikus, dan oren ketika aktif. Seperti yang ditunjukkan di bawah, pautan pertama kepada Ketua Pegawai Teknologi di Amerika Syarikat kelihatan seperti digariskan kerana jika tetikus melayang di atasnya. Selain itu, pautan ke Google muncul oren seperti jika ia aktif dan tetikus mengkliknya.	a: link {

warna: rgb (6, 69, 173);

teks-hiasan: tiada;

}

a: melawat {

warna: rgb (11, 0, 128)

}

a: hover { a: active {

color: rgb (250, 167, 0)

}

Wikipedia. halaman org yang menunjukkan pautan, lawatan, hover, dan keadaan aktif.

Ingat untuk memasukkan kolon antara pemilih

dan keadaan pautan.

Walaupun menjelaskan mengapa di luar skop buku ini, spesifikasi CSS menegaskan bahawa anda menentukan pelbagai negara pautan dalam susunan yang ditunjukkan di sini - pautan, lawatan, hover, dan kemudian aktif.Walau bagaimanapun, ia boleh diterima untuk tidak menentukan keadaan pautan, selagi pesanan ini dipelihara.

Keadaan pautan pelbagai dikenali sebagai

pseudo-class selectors . Selektif kelas pseudo menambah kata kunci kepada pemilih CSS dan membolehkan anda menyusun keadaan khusus elemen yang dipilih.