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) 设置背 ...

随机推荐

SpringMVC什么时候配置视图解析器
当Action返回的是一个真实路径的时候,视图解析器可不进行配置当Action返回的是逻辑路径的时候,我们必须要在配置文件中注册视图解析器并为该逻辑路径添加前缀和后缀
Silverlight FullScreen 全屏
<UserControl x:Class="FullScreen.MainPage" xmlns="http://schemas.microsoft.com/win ...
python单元测试框架-unittest（四）之用例综合框架管理
简述为何如要框架? 前面测试用例与执行都是写在一个文件,当用例数量不断增加的时候,用例的执行与管理变得非常麻烦,因此需要对用例根据具体的功能模块来使用单独的模块来管理.就像一所学校要根据不同年级进行分 ...
(转) HTTP & HTTPS网络协议重点总结（基于SSL/TLS的握手、TCP/IP协议基础、加密学）
HTTP & HTTPS网络协议重点总结(基于SSL/TLS的握手.TCP/IP协议基础.加密学) 原文:http://blog.csdn.net/itermeng/article/detai ...
60、Docker 学习笔记（CentOS 7.1）
#基本概念 -x86_64-minimal.tar.gz | docker import - centos:v7.mini``` 然后查看导入的镜像: ##上传镜像 >用户可以通过 docker ...
使用cookie的注意事项
一.什么是cookie? Cookie(复数形态Cookies),中文名称为小型文本文件或小甜饼[1],指某些网站为了辨别用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密) ...
用 JS 做一个数独游戏（一）
用 JS 做一个数独游戏(一) 数独的棋盘由 9x9 的方格组成,每一行的数字包含 1 ~ 9 九个数字,并且每一列包含 1 ~ 9 这 9 个不重复的数字,另外,整个棋盘分为 9 个 3x3 的块, ...
IIS下发布关于Excel导入导出时遇到的问题集锦(转)
问题描述 1.Excel每个工作薄(sheet)生成记录行数 2.asp.net关于导出Excel的一些问题的集锦 3.下载失败,临时文件或其所在磁盘不可写 4.未能加载文件或程序集“Microsof ...
学习Spring.Net_1
Spring.Net是一个轻量级的控制反转(IoC)和面向切面编程(AOP)技术的容器框架一.控制反转(Inversion of Control,IoC),也叫依赖注入(Dependency In ...
#if #endif #elif #undef
#define aaa //放在代码最前面 int a = 1; a = a + 1; #if !aaa {a = a + 1;}#elif !aaaaa {a=a+11;}#en ...

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

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

使用效果

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

随机推荐

热门专题