Unit yang biasa digunakan dalam pertukaran CSS_Experience

1. Unit panjang

Unit panjang ialah unit yang paling biasa digunakan dalam reka bentuk halaman Web. Halaman yang tidak teratur dan tidak teratur tidak mungkin meninggalkan kesan yang baik kepada orang ramai. Oleh itu, apabila mereka bentuk, anda perlu menentukan dengan tepat beberapa nilai untuk kedudukan dan saiz elemen untuk mencapai kesan yang diingini.

CSS memberi orang keupayaan untuk mengawal halaman web dengan tepat, iaitu sesuatu yang orang suka bincangkan. Ia membolehkan orang ramai menentukan rupa, saiz, ruang dan gaya lain. Walau bagaimanapun, kawalan yang diberikan oleh CSS juga merupakan perkara yang berbahaya. Ini bukan sahaja dicerminkan dalam kekurangan pengalaman pereka, tetapi juga dalam cara memberikan saiz dan nilai ruang. kenapa? Kerana walaupun pereka boleh menentukan resolusi skrin tertentu, adalah mustahil untuk menentukan otak orang lain, penglihatan orang lain atau tetapan tersuai yang diperibadikan itu.

Salah satu fungsi utama CSS ialah penentududukan CSS Konsep penentududukan termasuk penentududukan dan penentududukan saiz. Tidak kira yang mana, anda perlu menggunakan unit panjang, jika tidak, kedudukan yang tepat adalah mustahil.

Dalam CSS, panjang ialah dimensi ukuran, digunakan untuk lebar, tinggi, saiz fon, jarak perkataan dan huruf, lekukan teks, ketinggian garisan, jidar, bilur, lebar garis sempadan dan banyak lagi sifat lain .

1. Tentukan panjang

Untuk menentukan panjang dalam Dreamweaver 4, anda harus terlebih dahulu menulis bahagian simbol dalam kotak teks di belakang pilihan yang dipilih Simbol ini boleh menjadi "+" (tanda positif), yang mewakili panjang positif nilai, atau Boleh menjadi "-" (tanda tolak), menunjukkan nilai panjang negatif. Jika tiada tanda ditulis, nilai lalai ialah "+". Sejurus selepas simbol adalah nilai berangka, yang boleh menjadi integer atau perpuluhan. Kemudian pilih unit panjang dalam kotak senarai juntai bawah Unit Panjang pilihan ini. Unit panjang umumnya merupakan singkatan unit yang terdiri daripada dua huruf, seperti cm, pt, em, dll.

2． Unit panjang mutlak

Nilai panjang mutlak yang biasa digunakan dalam takrif halaman web termasuk sentimeter (cm), milimeter (mm), inci (dalam), titik (pt), picas (pc), dll.

Unit Inci (dalam) Sentimeter (cm) Milimeter (mm) Paun (pt) Picas (pc) 4.233 12 1.0
sm 0.3937 1 10 28.3264 4.233 4.233 12 1.0
sm 0.3937 1 10 28.3464 4.0044 7.000 0.1 1.0 2.83464 0.47244
lbs 0.01389 0.0352806 0.352806 1.0 0.83333

Us nilai mutlak sahaja peranti keluaran luaran ialah diketahui sepenuhnya. Dalam erti kata lain, nilai panjang mutlak paling baik digunakan untuk peranti output pencetak Apabila digunakan hanya untuk paparan skrin, ia adalah tidak penting untuk menggunakan nilai panjang relatif harus digunakan sebanyak mungkin. knowsky.com

 3. Nilai panjang relatif

Setiap penyemak imbas mempunyai standard saiz universal lalainya sendiri, yang boleh ditentukan oleh sistem atau ditetapkan oleh pengguna mengikut keutamaan mereka sendiri. Oleh itu, saiz lalai ini selalunya saiz yang paling sesuai oleh pengguna. Oleh itu, menggunakan nilai panjang relatif, elemen yang perlu bersaiz boleh diskalakan secara berkadar mengikut saiz lalai. Ini menjadikannya mustahil untuk mencipta situasi yang tidak boleh dibaca. Malah, unit peratusan dan kata kunci boleh menghasilkan kesan yang serupa.

CSS juga menyokong tiga unit relatif panjang berikut: em (lebar huruf M dalam fon semasa), ex (ketinggian huruf X dalam fon semasa) dan px (saiz daripada satu piksel).

Tujuan menggunakan em dan ex adalah untuk menetapkan lebar yang sesuai untuk fon yang diberikan X dalam fon semasa. Lebih besar saiz fon, lebih besar em dan ex yang sepadan.

Panjang dalam piksel adalah relatif kepada ketinggian dan lebar piksel (mungkin segi empat sama) pada paparan. Lebar dan ketinggian imej selalunya diberikan dalam piksel. Pengukuran piksel biasanya bukan kaedah yang baik. Pertama, saiz piksel sangat berbeza-beza bergantung pada resolusi Kebanyakan pengguna akan menetapkan paparan kepada resolusi tertinggi yang mungkin, menghasilkan piksel yang terlalu kecil untuk dibaca.

2. Unit peratusan

Untuk menggunakan peratusan dalam Dreamweaver 4, anda harus terlebih dahulu menulis bahagian simbol dalam kotak teks di belakang pilihan yang dipilih ( Positif tanda), menunjukkan nilai panjang positif, atau "—" (tanda negatif), menunjukkan nilai panjang negatif. Jika tiada tanda ditulis, nilai lalai ialah "+".Terdapat nilai berangka serta-merta selepas simbol Anda boleh memasukkan sebarang nilai selepas simbol, tetapi kerana dalam beberapa kes, penyemak imbas tidak boleh mengendalikan peratusan dengan perpuluhan, sebaiknya jangan gunakan peratusan dengan perpuluhan. Kemudian pilih "%" dalam kotak senarai juntai bawah unit panjang pilihan ini.
Peratusan sentiasa relatif kepada nilai lain. Nilai itu boleh menjadi unit panjang atau sesuatu yang lain. Setiap sifat yang boleh ditentukan menggunakan unit nilai peratusan juga mentakrifkan nilai rujukan untuk nilai peratusan tersebut. Dalam kebanyakan kes, nilai rujukan ini ialah saiz fon elemen itu sendiri.

3. Unit Warna

Penggunaan imej yang meluas boleh menjadikan halaman web meriah. Tetapi setiap orang yang pernah melayari Internet pernah mengalami kebimbangan menunggu gambar. Malah, penggunaan warna yang sesuai dalam bahagian yang berbeza juga boleh mempunyai kesan seperti gambar, menarik perhatian pembaca kepada bahagian utama Walau bagaimanapun, masa untuk memuat turun halaman web sangat berkurangan.

Atribut warna digunakan untuk menentukan warna latar depan elemen Dalam kebanyakan kes, objek teks yang terkandung dalam elemen ini digunakan. Menggunakan atribut warna juga boleh digunakan untuk menentukan warna sempadan unsur. Sintaks umum untuk mentakrifkan warna ialah: warna: nilai warna.

Cara paling mudah dan paling langsung untuk menentukan nilai warna ialah menggunakan nilai peratusan. Dalam kes ini, tahap nilai warna merah, hijau dan biru ditentukan sebagai peratusan. Formatnya ialah: color:rgb(R%,G%,B%). Kelebihan tambahan menggunakan nilai peratusan untuk menentukan warna ialah ia mengisytiharkan set nombor sebenar, tidak kira apa nilainya.

Cara lain untuk menentukan warna ialah menggunakan integer antara 0 hingga 255. Formatnya ialah color:rgb(128,128,128).
Cara ketiga untuk menentukan warna adalah dengan menggunakan tatasusunan perenambelasan untuk menentukan warna. Kaedah definisi ini biasa kepada orang yang sering melakukan pengaturcaraan. Apabila mentakrifkan warna, gunakan tiga tatasusunan heksadesimal yang disusun dalam urutan, seperti "#FC0EA8".Cette définition est au format #RRGGBB. Autrement dit, ajoutez les valeurs hexadécimales requises aux positions rouge, verte et bleue.

La dernière et la plus simple façon de définir une couleur est de spécifier un nom pour la couleur. Par exemple, le code ci-dessous spécifie que la couleur du texte est violette.

Dans Dreamweaver 4, vous pouvez cliquer sur l'icône du sélecteur de couleurs pour sélectionner une couleur appropriée dans le sélecteur de couleurs ouvert.

4. Unité URL

L'unité URL est liée à l'adresse du lien. L'URL est l'abréviation de « Uniform Resource Locator » et le lien est l'âme de la page Web. Grâce à des liens, diverses pages Web peuvent être reliées, de sorte que de nombreuses pages du site Web forment un tout organique, permettant aux visiteurs de passer d'une page à l'autre. Un lien peut être un morceau de texte, une image ou un autre élément de page Web. Lorsque ces objets sont cliqués avec la souris dans le navigateur, le navigateur peut charger une nouvelle page ou accéder à d'autres emplacements de la page selon ses instructions.

Dans le processus de création de liens, le chemin est très important. Il existe deux types de chemins dans Dreamweaver 4 : les chemins absolus et les chemins relatifs. Les chemins relatifs peuvent être divisés en chemins relatifs au répertoire racine et chemins relatifs au fichier.

Le chemin absolu contient le chemin complet du protocole du serveur (généralement http:// ou ftp:// sur une page web). Un chemin absolu contient l'emplacement exact quel que soit l'emplacement du document source. Mais si le document cible est déplacé, le lien sera invalide. Des chemins absolus doivent être utilisés lors de la création de liens vers des fichiers en dehors du site actuel.

Les chemins relatifs au répertoire racine partent toujours du répertoire racine du site courant. Tous les fichiers accessibles au public sur le site sont stockés dans le répertoire racine du site. Les chemins relatifs au répertoire racine utilisent des barres obliques pour indiquer au serveur de démarrer à partir du répertoire racine. Par exemple, /Dreamweaver/index.html sera lié au fichier index.html dans le dossier Dreamweaver à la racine de votre site. Si vous liez des fichiers dans un environnement où le contenu est fréquemment déplacé, l'utilisation d'un chemin relatif au répertoire racine est souvent la meilleure approche. Lors de l'utilisation de chemins relatifs au répertoire racine, les documents contenant des liens se déplacent dans le site sans que les liens ne soient rompus. Cependant, les chemins relatifs au répertoire racine conviennent pour visualiser le site localement, auquel cas vous pouvez utiliser des chemins relatifs au document.

Remarque : Lors de la prévisualisation du fichier localement dans le navigateur, le contenu lié au chemin relatif au répertoire racine n'apparaîtra pas. En effet, le navigateur ne reconnaît pas la racine du site de la même manière que le serveur. Pour prévisualiser le contenu lié à un chemin relatif à la racine, le fichier doit être placé sur le serveur distant et visualisé à partir de là.

Le chemin relatif au document fait référence au chemin relatif au dossier où se trouve le document actuel. Par exemple, le document test.swf se trouve dans le dossier Flash et spécifie le document dans le dossier actuel. …/test.swf spécifie le document dans le répertoire de niveau supérieur du dossier actuel ; et /test/test.swf spécifie le document test.swf dans le dossier test sous le dossier Flash. Les chemins relatifs au document sont généralement les chemins les plus simples pouvant être utilisés pour créer des liens vers des fichiers qui se trouvent toujours dans le même dossier que le document actuel.

Remarque : Vous devez enregistrer le nouveau fichier avant de créer un chemin relatif au document, car un chemin relatif au document n'est pas valide sans un point de départ défini. Dreamweaver 4 utilise automatiquement un chemin absolu commençant par File:// avant d'enregistrer le document.