지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

CSS里的单位_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:43:10
원래의
1058명이 탐색했습니다.

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。但如果操作系统或浏览器支持不同，像素值的显示也不确定，所以用户可以适当的使用像素值。
    • 관련 라벨：
    CSS里的单位
    원천：php.cn
    이전 기사：刚毕业的小草鸟请教一下工作问题_html/css_WEB-ITnose 다음 기사：HTML+CSS样式设置--CSS一学就会_html/css_WEB-ITnose
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    저자별 최신 기사
    최신 이슈
    CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...
    에서 2024-04-06 20:22:15
    0
    1
    454
    모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
    에서 2024-04-06 19:23:03
    0
    1
    411
    JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
    에서 2024-04-06 19:25:49
    0
    1
    505
    숨겨진 측면 패널 표시: 선택됨 애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사...
    에서 2024-04-06 15:49:33
    0
    1
    319
    Imagick, Adobe Photoshop 및 Windows 비교 - 해상도 감지(센티미터당 픽셀 또는 인치당 픽셀) 이것은 질문이 아니라 DPI가 다양한 파일 형식으로 저장되는 방식에 대한 이해를 높이고 그것이 작동하는 이유에 대해 논의하려는 시도입니다. 저는 이미지(JPG, ...
    에서 2024-04-06 16:01:27
    0
    1
    397
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    관련 튜토리얼
    인기 추천
    최신 강좌
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿