简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

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

WBOY
Lepaskan： 2016-06-24 11:30:47
asal
1390 orang telah melayarinya

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>
    Salin selepas log masuk

    Label berkaitan：
    W3School-CSS 尺寸 (Dimension) 实例
    sumber：php.cn
    Artikel sebelumnya：chrome开发者工具小技巧_html/css_WEB-ITnose Artikel seterusnya：学习通过CSS硬件加速提升你网站的性能_html/css_WEB-ITnose
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    Bagaimana untuk mendapatkan dimensi semula jadi imej menggunakan JavaScript atau jQuery? Setakat ini saya mempunyai kod ini: varimg=document.getElementById('draggable'); varwidth=...
    daripada 2023-10-21 13:53:08
    0
    2
    275
    Walaupun menggunakan rem, mengapa saiz elemen berubah apabila saya mengezum masuk atau keluar? Saya sedang melaksanakan projek di mana saya menggunakan sifat CSSposition untuk meletakka...
    daripada 2023-09-08 15:06:21
    0
    1
    276
    javascript - 如何设计实现购物车中规格尺码的选择（卖完了） 现有后端给的数据（json, 两个数组） 例如： 款式 男 女 尺寸 大 中 小 颜色 黑 白 并且给了每种组合的库存数量 那么如何设计 动态计算每个属性的disabled状态，（...
    daripada 2017-04-11 12:37:29
    0
    1
    184
    javascript - 这是UI给的设计图，请怎么做出不管在电脑上的什么尺寸（14寸、15.6寸、21寸、23寸等等）都能展示相应的比例是怎么实现呢？ 这是UI给的设计图，请怎么做出不管在电脑上的什么尺寸（14寸、15.6寸、21寸、23寸等等）都能展示相应的比例是怎么实现呢？是不是很难实现？里面是背景色来的，不是一整张图片，只给...
    daripada 2017-04-11 11:46:26
    0
    7
    383
    javascript - 关于移动端设计稿尺寸转页面的问题！！！！！！！！！！！急急急！！！！ 如上图，假设设计稿为这个尺寸，我现在需要将其转为页面，当我遇到一个如上图的按钮后，在ps里面量得按钮尺寸为宽150px，高50px,那么经过怎样的换算，才是我实际在css文件里面该...
    daripada 2017-04-11 10:30:57
    0
    12
    538
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！