简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-06-24 11:30:47
Original
1390 Leute haben es durchsucht

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>
    Nach dem Login kopieren

    Verwandte Etiketten：
    W3School-CSS 尺寸 (Dimension) 实例
    Quelle：php.cn
    Vorheriger Artikel：chrome开发者工具小技巧_html/css_WEB-ITnose Nächster Artikel：学习通过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
    Wie erhalte ich mit JavaScript oder jQuery die natürlichen Abmessungen eines Bildes? Bisher habe ich diesen Code: varimg=document.getElementById('draggable'); varwidth=img.cli...
    Aus 2023-10-21 13:53:08
    0
    2
    275
    Warum ändert sich trotz der Verwendung von rem die Elementgröße, wenn ich hinein- oder herauszoome? Ich implementiere ein Projekt, bei dem ich mit der CSSposition-Eigenschaft eine Schaltfläc...
    Aus 2023-09-08 15:06:21
    0
    1
    276
    javascript - 如何设计实现购物车中规格尺码的选择（卖完了） 现有后端给的数据（json, 两个数组） 例如： 款式 男 女 尺寸 大 中 小 颜色 黑 白 并且给了每种组合的库存数量 那么如何设计 动态计算每个属性的disabled状态，（...
    Aus 2017-04-11 12:37:29
    0
    1
    184
    javascript - 这是UI给的设计图，请怎么做出不管在电脑上的什么尺寸（14寸、15.6寸、21寸、23寸等等）都能展示相应的比例是怎么实现呢？ 这是UI给的设计图，请怎么做出不管在电脑上的什么尺寸（14寸、15.6寸、21寸、23寸等等）都能展示相应的比例是怎么实现呢？是不是很难实现？里面是背景色来的，不是一整张图片，只给...
    Aus 2017-04-11 11:46:26
    0
    7
    383
    javascript - 关于移动端设计稿尺寸转页面的问题！！！！！！！！！！！急急急！！！！ 如上图，假设设计稿为这个尺寸，我现在需要将其转为页面，当我遇到一个如上图的按钮后，在ps里面量得按钮尺寸为宽150px，高50px,那么经过怎样的换算，才是我实际在css文件里面该...
    Aus 2017-04-11 10:30:57
    0
    12
    538
    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
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！