Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > CSS里的单位_html/css_WEB-ITnose

CSS里的单位_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:43:10
Original
1079 Leute haben es durchsucht

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。但如果操作系统或浏览器支持不同，像素值的显示也不确定，所以用户可以适当的使用像素值。
    • Verwandte Etiketten：
    CSS里的单位
    Quelle：php.cn
    Vorheriger Artikel：刚毕业的小草鸟请教一下工作问题_html/css_WEB-ITnose Nächster Artikel：HTML+CSS样式设置--CSS一学就会_html/css_WEB-ITnose
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Neueste Artikel des Autors
    Aktuelle Ausgaben
    So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS Ich versuche, mit Bootstrap und D3 eine einfache Webseite zu erstellen, weiß aber nicht, w...
    Aus 2024-04-06 20:22:15
    0
    1
    454
    Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
    Aus 2024-04-06 19:23:03
    0
    1
    411
    Reine CSS-Methode zum dynamischen Ändern der Bildquelle beim Klicken ohne Verwendung von JavaScript Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS wie img:active...
    Aus 2024-04-06 19:25:49
    0
    1
    505
    Ausgeblendete Seitenbereiche anzeigen: aktiviert Ich hätte gerne ein Navigationsmenü im Seitenbereich mit der Möglichkeit, über ein animier...
    Aus 2024-04-06 15:49:33
    0
    1
    319
    Vergleichen Sie Imagick, Adobe Photoshop und Windows – Auflösung erkennen (Pixel pro Zentimeter oder Pixel pro Zoll) Dies ist keine Frage, sondern ein Versuch, mein Verständnis darüber zu verbessern, wie DPI...
    Aus 2024-04-06 16:01:27
    0
    1
    397
    verwandte Themen
    Mehr>
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage