简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

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

WBOY
發布： 2016-06-24 11:30:47
原創
1390 人瀏覽過

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;varheigh...
    來自於 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學習者快速成長！