CSS font-size字体大小样式属性

设置字体大小CSS单词与语法

基本语法结构：

.divcss5{font-size:12px;}
设置了文字大小为12px像素
Font-size+字体大小数值+单位

font-size:12px; 设置对象具体字体大小为12px
font-size:xx-small; 设置文字大小为最小
font-size:small; 设置文字字体大小为小
font-size:x-large;设置对象字体大小为较大
font-size:larger;设置对象字体大小为大
font-size:smaller;相对于父容器中字体尺寸进行相对减小
font-size:50%;相对于父容器中字体尺寸进行相应调整为50%大小
font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小

使用效果

< !DOCTYPE html >

< html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>font-size字体大小测试-DIVCSS5实验</title>

<style type="text/css">

body{ font-size:12px; line-height:24px;}

.exp1{font-size:12px;}

.exp2{font-size:xx-small;}

.exp3{font-size:small;}

.exp4{font-size:x-large;}

.exp5{font-size:larger;}

.exp6{font-size:smaller;}

.exp7{font-size:50%;}

.exp8{font-size:150%;}

</style>

<!-- www.divcss5.com -->

</head>

<body>

<div class="exp1">我被font-size值为12px大小</div>

<div class="exp2">我被font-size值为xx-small大小</div>

<div class="exp3">我被font-size值为small大小</div>

<div class="exp4">我被font-size值为x-large大小</div>

<div class="exp5">我被font-size值为larger大小</div>

<div class="exp6">我被font-size值为smaller大小</div>

<div class="exp7">我被font-size值为50%大小</div>

<div class="exp8">我被font-size值为150%大小</div>

</body>

</html>

http://www.divcss5.com/rumen/r322.shtml

CSS font-size字体大小样式属性的更多相关文章

LaTex Font Size 字体大小命令
LaTex中字体大小有很多中等级,分别由下列命令控制: \tiny \scriptsize \footnotesize \small \normalsize \large \Large \LARGE ...
LaTex Font Size 字体大小
目录命令效果图命令 LaTex中字体大小由以下命令控制: \tiny \scriptsize \footnotesize \small \normalsize \large \Large \LA ...
使用jquery修改css中带有!important的样式属性
当CSS中含有!important的样式属性时,普通的修改方式是会出现失败的.如下: <div class="test">使用jquery修改css中带有!import ...
如何利用 jQuery 修改 css 中带有 !important 的样式属性？
使用 jQuery 修改 css 中带有 !important 的样式属性外部样式为: div.test { width:auto !important; overflow:auto !import ...
使用 jQuery 选择器获取页面元素，然后利用 jQuery 对象的 css() 方法设置其 display 样式属性，从而实现显示和隐藏效果。
查看本章节查看作业目录需求说明: 使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果. 具体要求如下: ...
CSS知识点之字体大小属性font-size
管理文本的大小在 web 设计领域很重要.但是,不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落.请始终使用正确的 HTML 标题,比如使用 <h1> - <h6&g ...
CSS3字体大小rem属性用法
PX为单位在Web页面初期制作中,我们都是使用“px”来设置我们的文本,因为他比较精确和固定. 只要页面某元素设置了px字体大小,其子元素/子孙元素未设置字体大小或设置的字体大小css优先级没父元素 ...
css颜色，字体大小的设置
设置字体的颜色通过下面的代码: color : #f00; color是颜色的意思,color用来设置一个标签的前景色,表现出来也就是元素文本的颜色. 它的值,一般都是使用#加16进制的颜色值来表示. ...
CSS中如何使用背景样式属性，看这篇文章就够用了
css背景样式属性介绍背景样式就是自定义HTML标签的背景颜色或背景图像. 背景属性说明表属性名属性值描述 background-color #f00.red.rgb(255,0,0) 设置背 ...

随机推荐

informix(南大通用)sql语法的差异
1.create view 444(...) as select ...from... 2.insert into select.......union select 不支持请分开写 ...
opensuse13.2安装 sass和compass
首先要先安装ruby 和 gem如果使用sudo zypper install ruby 安装后当安装sass时会报错 /System/Library/Frameworks/Ruby.framewo ...
pat06-图5. 旅游规划（25）
06-图5. 旅游规划(25) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 有了一张自驾旅游路线图,你会知道城市间的高速公路长度.以及该 ...
pat1053. Path of Equal Weight (30)
1053. Path of Equal Weight (30) 时间限制 10 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue G ...
pat1017. Queueing at Bank (25)
1017. Queueing at Bank (25) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue Supp ...
Windows窗体应用开发2--窗体和控件
1.Windows窗体应用程序的各种组件 2.windows窗体控件的主要类别和功能 3.Windows窗体应用程序处理事件的方法 4.添加并配置Windows窗体和控件 5.创建时间处理程序并监视程 ...
C#设计模式——单例
单例模式是设计模式中最简单的形式之一.这一模式的目的是使得类的一个对象成为系统中的唯一实例.对于系统中的某些类来说,只有一个实例很重要,例如,一个系统中可以存在多个打印任务,但是只能有一个正在工作的任 ...
软件测试技术第一次试验之——JUnit的安装与使用
众所周知,在一个大型的软件项目中,测试是必不可少的.传统的测试方法往往要自己编写测试函数再结合测试用例进行验证,这样会显得比较繁琐.所以我们可以使用JUnit框架进行测试. 使用junit的好处就是这 ...
JQ的事件绑定
一.事件的绑定:可以添加多个同类事件 $("").click(function(){ }) $("").on(事件名,函数) $("").o ...
android 扇形菜单
引言: android中的菜单与windows的菜单没有什么区别,基本就是一个矩形框,如下: 这个菜单有多么能经得住历史的考验我就不多说了!我们再来看看最新有关手机可操作区域的调查有此可以看出屏幕越 ...

CSS font-size字体大小样式属性

设置字体大小CSS单词与语法

使用效果

CSS font-size字体大小样式属性的更多相关文章

随机推荐

热门专题