0 0

font:11px/20px 这里11px/20px是什么意思?5

问题1: font:11px/20px Georgia,"Times New Roman",Times,serif; 这是CSS禅意园中作品的一块,问一下11px/20px 是什么意思?为什么要这样写呢?

问题2:
#preamble{
padding-top:120px;
background:url("img_1.jpg") 10px 170px no-repeat;
height:1%
}

请解释一下,这里的height:1%,是作什么用的,应在什么情况下使用?
问题补充:
请告诉我这样设置的意义,而不是只从语法上去解释
注:上面的是禅意花园中的作品
CSS 
2009年9月18日 20:13

3个答案 按时间排序 按投票排序

0 0

w3school

2009年9月19日 22:32
0 0

1 字符高度/行高度
2 上级容器1/100

2009年9月18日 20:49
0 0

height:1% 是占上级容器的 100分之一

2009年9月18日 20:42

相关推荐

    静态页练习

    font: 12px Tahoma;/*字体的大小和样式*/ margin: 0px;/*边距*/ text-align: center;/*文字对齐方式*/ background: #FFF;/*背景颜色*/ } a:link, a:visited { font-size: 12px;/*字体大小*/ text-decoration: ...

    PX4Firmware, 用于PX4FMU自动驾驶仪和PX4IO伺服/故障恢复板的PX4固件.zip

    PX4Firmware, 用于PX4FMU自动驾驶仪和PX4IO伺服/故障恢复板的PX4固件 PX4无人机自动驾驶 这个库保存了无人机的PX4 Pro 飞行控制解决方案,主应用程序位于 src/modules目录中。 它还包含PX4无人机平台,它提供驱动...

    PX4飞控固件项目的ROS2消息定义用于第三方软件使用ROS2节点对PX4内部uORB消息的通信

    构建这个包生成所有所需的接口,可以将ROS2节点与PX4飞控固件内部接口相连接,PX4飞控固件内部使用uORB消息API。目前,此包的消息表示对px4_ros_com包的依赖关系。 uORB消息定义与此包中的ROS2消息的相对应,可以在...

    非常漂亮的网页模板100例

    div+css /* CSS Document */ ... font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;} div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;} ul{list-style-type:none;}

    vue px自动转rem 架子

    在“vue px自动转rem 架子”中,我们关注的是如何在Vue项目中实现像素单位(px)到相对单位(rem)的自动化转换。这在移动端开发中尤其重要,因为rem单位可以让我们更容易地实现页面的自适应布局,特别是在不同屏幕...

    Web前端开发基础:CSS控制图文混排.ppt

    /* 绿色 */ font-size:20px; /* 文字大小 */ } </style> </head> <style type="text/css"> #one{ font-weight:bold; /* 粗体 */ } #two{ font-size:30px; /* 字体大小 */ color:#009900; /* 颜色 */ } </style

    css基础.rar

    – body {font: 10px "Arial"} h1 {font: 15px/17px "Arial"; font-weight: bold; color: maroon} h2 {font: 13px/15px "Arial"; font-weight: bold; color: blue} p {font: 10px/12px "Arial"; color: black} –> ...

    CSS定位元素的综合实例应用

    } a img { .../*这里的5px是与信息面板大盒子的填充一样的*/ left:5px; } dl { width: 160px; float:right; color: #999; line-height:20px; } dl dd span { font-weight: bold; color: #639;

    PX4固件源码编译中的坑

    我这里是使用的我自己的电脑,安装的是ubuntu16.04系统,装有ROS Kinetic,包括gazebo之类的软件已经有了,这些安装方法网上也有很多,这里不多说。 1、创建仿真环境,第一步是源码编译PX4固件: 我的飞控是pixhawk4...

    仿新版百度首页html模板

    随着网页设计技术的日益进步,掌握基本的网页构建技能已经成为每一个从事互联网工作的专业人士必须具备的技能之一。... ... 接下来,我们来探讨如何创建一个高仿新版百度首页的模板。在设计这样的模板时,首先需要对原...

    转换px单位为rpx等任意单位-小程序 附完整源码,一键运行

    转换px单位为rpx等任意单位-小程序。附完整源码,一键运行。 像素是web开发中最常用的单位,但在做响应式页面开发之时稍显无力,开发者需要编写大量适配代码。故在移动端开发中我们常搭配rem, vw等单位使用,而在...

    Firmware-master.zip

    ## PX4 Pro Drone Autopilot ## [![Releases](https://img.shields.io/github/release/PX4/Firmware.svg)](https://github.com/PX4/Firmware/releases) [![DOI](https://zenodo.org/badge/22634/PX4/Firmware.svg)]...

    鼠标移入移出改变CSS样式的小例子

    网页上的某个区域,当鼠标移入时改变样式,鼠标移出时...font:12px/1.5 Tahoma;} #div1{width:150px;height:150px;margin:0 auto;padding:10px;background:black;border:10px solid #000;cursor:crosshair;} #div1.hove

    CSS3菜单,下拉菜单

    font:14px/1.3 'Segoe UI',Arial, sans-serif; min-height:500px; } a, a:visited { text-decoration:none; outline:none; color:#54a6de; } a:hover{ text-decoration:underline; } section, footer, nav{...

    前端工具 - CSS格式化工具

    }p{font-size:14px;width:1000px;height:auto;} 单行格式化效果:body{background:url('http://cssjidi.com/logo.png');width:100px;height:50px;} p{font-size:14px;width:1000px;height:auto;} 多行格式化效果: ...

    java jbuilder日历小代码

    line-height:20px; /* 行高为 20px */ font-weight:bold; /* 粗体 */ font-family:Georgia, "Times New Roman", Times, serif; /* 字体 */ } th{ /* 定义星期 */ border-bottom:1px solid #ECF4F6; /* 底边线 ...

    期末作业网页制作

    font-size: 11px; color: #CCC; background: #000 url(images/main_bg.jpg) top repeat-x; } a:link, a:visited { color: #f5ea01; text-decoration: none; font-weight: bold; } a:active, a:hover { ...

    JS写的倒计时效果(天-时-分-秒)

    JS写的倒计时效果(天-时-分-秒) 修改Bug,天数的统计错误问题,更正部分逻辑,... font: 56px/1.5 'Open Sans Condensed',sans-serif;//字体大小设定,会自动匹配显示效果 text-align:center; letter-spacing:-3px; }

    蜂巢内裤详情页.rar

    - High resolution image ( 790 X 14600px ) - Free fonts used Fonts: - Copasetic - http://www.dafont.com/copasetic.font - Omnibus - http://www.dafont.com/omnibus.font - League Gothic - ...

    css之圆角矩阵

    font:12px/20px 宋体; list-style:none;text-align:center; background:url(images/icon.gif) no-repeat 0px -80px; } .title{font:bold 14px/38px 黑体;color:#ff7300; background:url(images/icon.gif) no-...

Global site tag (gtag.js) - Google Analytics