masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > CSS里的单位_html/css_WEB-ITnose

CSS里的单位_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:43:10
asal
1080 orang telah melayarinya

CSS中预设了16种颜色以及16种颜色的衍生色，这16种颜色是CSS规范推荐的，而且一些主流的浏览器都能够识别，如下表所示：

十六进制颜色是最常用的定义方式。它的基本格式为#RRGGBB,R、G、B分别代表红绿蓝。也可以用RGB(R,G,B)设置颜色，参数用0～255的十进制数表示

为保证页面元素能够在浏览器中按照合理布局完全显示，需要设置各个元素的间距以及元素本身的边框尺寸等，这些属性值都离不开长度单位的使用。
在CSS中，长度单位分为绝对单位和相对单位。
CSS主要包含以下5中绝对单位：

相对单位是指在量度时需要参照其他页面元素的单位值。使用相对单位所量度的实际距离可能会随着这些单位值的改变而改变。
CSS提供了3中相对单位：

  • em用于给定字体的font-size值，例如，一个元素字体大小为12pt,那么1em就是12pt;
  • ex指所使用的字体中小写字母x的高度，例如Time New Roman中小写字母x,Arial中小写字母x。在实际应用中，ex的值等于em除以2的值。该单位计算比较麻烦，故不常使用
  • px是像素值的单位，在CSS中，90px=1in。但如果操作系统或浏览器支持不同，像素值的显示也不确定，所以用户可以适当的使用像素值。
    • Label berkaitan：
    CSS里的单位
    sumber：php.cn
    Artikel sebelumnya：刚毕业的小草鸟请教一下工作问题_html/css_WEB-ITnose Artikel seterusnya：HTML+CSS样式设置--CSS一学就会_html/css_WEB-ITnose
    Kenyataan Laman Web ini
    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 terbaru oleh pengarang
    Isu terkini
    Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...
    daripada 2024-04-06 20:22:15
    0
    1
    454
    Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan? Apabila pengguna mengklik pautan untuk menyemak imbas tapak web, bar navigasi tidak ditutu...
    daripada 2024-04-06 19:23:03
    0
    1
    411
    Kaedah CSS sahaja untuk mengubah suai imej src secara dinamik pada klik tanpa menggunakan JavaScript Saya perlu menukar src imej pada klik tetikus hanya menggunakan css seperti img:active{}
    daripada 2024-04-06 19:25:49
    0
    1
    505
    Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...
    daripada 2024-04-06 15:49:33
    0
    1
    319
    Bandingkan Imagick, Adobe Photoshop dan Windows - Kesan resolusi (piksel per sentimeter atau piksel per inci) Ini bukan soalan tetapi percubaan untuk meningkatkan pemahaman saya tentang cara DPI disim...
    daripada 2024-04-06 16:01:27
    0
    1
    397
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan