communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > CSS里的单位_html/css_WEB-ITnose

CSS里的单位_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:43:10
original
1080 Les gens l'ont consulté

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。但如果操作系统或浏览器支持不同，像素值的显示也不确定，所以用户可以适当的使用像素值。
    • Étiquettes associées：
    CSS里的单位
    source：php.cn
    Article précédent：刚毕业的小草鸟请教一下工作问题_html/css_WEB-ITnose Article suivant：HTML+CSS样式设置--CSS一学就会_html/css_WEB-ITnose
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Derniers articles par auteur
    Derniers numéros
    Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
    Depuis 2024-04-06 20:22:15
    0
    1
    454
    En vue mobile, comment fermer cette barre de navigation lorsque l'utilisateur clique sur le lien ? Lorsque l'utilisateur clique sur un lien pour naviguer sur le site Internet, la barre de n...
    Depuis 2024-04-06 19:23:03
    0
    1
    411
    Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...
    Depuis 2024-04-06 19:25:49
    0
    1
    505
    Afficher les panneaux latéraux masqués : coché J'aimerais avoir un menu de navigation dans le panneau latéral avec la possibilité de pass...
    Depuis 2024-04-06 15:49:33
    0
    1
    319
    Comparez Imagick, Adobe Photoshop et Windows - Détecter la résolution (pixels par centimètre ou pixels par pouce) Ce n'est pas une question mais une tentative d'améliorer ma compréhension de la façon dont...
    Depuis 2024-04-06 16:01:27
    0
    1
    397
    Rubriques connexes
    Plus>
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal