简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:30:47
원래의
1391명이 탐색했습니다.

CSS 尺寸 (Dimension) 实例

CSS 实例

  • CSS 背景实例
  • CSS 文本实例
  • CSS 字体(font)实例
  • CSS 边框(border)实例
  • CSS 外边距 (margin) 实例
  • CSS 内边距 (padding) 实例
  • CSS 列表实例
  • CSS 表格实例
  • 轮廓（Outline)实例
  • CSS 尺寸 (Dimension) 实例
  • CSS 分类 (Classification) 实例
  • CSS 定位 (Positioning) 实例
  • CSS 伪类 (Pseudo-classes)实例
  • CSS 伪元素 (Pseudo-elements)实例

    • 01使用像素值设置图像的高度

    <!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>01使用像素值设置图像的高度</title>        <style type="text/css">            img.normal {                height: auto;            }                        img.big {                height: 160px;            }                        img.small {                height: 30px;            }        </style>    </head>    <body>        <img  class="normal" src="smile.gif" alt="W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose" >        <br />        <img  class="big" src="smile.gif" alt="W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose" >        <br />        <img  class="small" src="smile.gif" alt="W3School-CSS 尺寸 (Dimension) 实例_html/css_WEB-ITnose" >    </body></html>
    로그인 후 복사

    관련 라벨：
    W3School-CSS 尺寸 (Dimension) 实例
    원천：php.cn
    이전 기사：chrome开发者工具小技巧_html/css_WEB-ITnose 다음 기사：学习通过CSS硬件加速提升你网站的性能_html/css_WEB-ITnose
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    저자별 최신 기사
    최신 이슈
    JavaScript 또는 jQuery를 사용하여 이미지의 자연스러운 크기를 얻는 방법은 무엇입니까? 지금까지 다음 코드가 있습니다. varimg=document.getElementById('draggable'); varwidth=img.clientWidth; v...
    에서 2023-10-21 13:53:08
    0
    2
    275
    rem을 사용함에도 불구하고 확대하거나 축소할 때 요소 크기가 변경되는 이유는 무엇입니까? CSSposition 속성을 사용하여 입력에 버튼을 배치하고 모든 것이 잘 작동하는 프로젝트를 구현 중입니다. 반응형 모드에 있더라도 문제가 없으며 우연히 확대/...
    에서 2023-09-08 15:06:21
    0
    1
    276
    javascript - 如何设计实现购物车中规格尺码的选择（卖完了） 现有后端给的数据（json, 两个数组） 例如： 款式 男 女 尺寸 大 中 小 颜色 黑 白 并且给了每种组合的库存数量 那么如何设计 动态计算每个属性的disabled状态，（...
    에서 2017-04-11 12:37:29
    0
    1
    184
    javascript - 这是UI给的设计图，请怎么做出不管在电脑上的什么尺寸（14寸、15.6寸、21寸、23寸等等）都能展示相应的比例是怎么实现呢？ 这是UI给的设计图，请怎么做出不管在电脑上的什么尺寸（14寸、15.6寸、21寸、23寸等等）都能展示相应的比例是怎么实现呢？是不是很难实现？里面是背景色来的，不是一整张图片，只给...
    에서 2017-04-11 11:46:26
    0
    7
    383
    javascript - 关于移动端设计稿尺寸转页面的问题！！！！！！！！！！！急急急！！！！ 如上图，假设设计稿为这个尺寸，我现在需要将其转为页面，当我遇到一个如上图的按钮后，在ps里面量得按钮尺寸为宽150px，高50px,那么经过怎样的换算，才是我实际在css文件里面该...
    에서 2017-04-11 10:30:57
    0
    12
    538
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    관련 튜토리얼
    인기 추천
    최신 강좌
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！