【XHTML&CSS读书笔记】字体大小(相对字体和绝对字体)

本文为《HTML之路》第1、2章的读书笔记,主要探讨了XHTML中字体大小的设置,包括相对单位和绝对单位的使用,详细阐述了如何通过CSS来控制文本的显示效果。
摘要由CSDN通过智能技术生成

《HTML之路》第1、2章 笔记


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>Font sizes</title>
	<style type="text/css" media="all">
	
	body {
		/*
		通过百分比的形式,在body中指定正文的初始字体的大小,
		然后以em标识相应内容,这样浏览器上的“最小”到“最大”的跳跃都能很好的显示
		*/
		font: 150% arial, helvetica, sans-serif;
	}
	
	h1 {
		/*
		即正文初始化字体大小的百分比
		是相对单位 
		*/
		font-size: 200%;
	}
	
	#h21 {
		/*
		像素,即指定一个字体大小为几个像素,一个像素大小是由分辨率决定的
		是绝对单位
		*/
		font-size: 50px;
	}
	
	#h22 {
		font-size: 2em;
	}
	
	#p1 {
		font-size: 25px;
	}
	
	#p2 {
		/*
		em表示的是字体大小的计算值,1em表示正文初始大小的一倍,2em标识正文初始大小的2倍
		是相对单位
		*/
		font-size: 1em;
	}
	
	&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值