一.
在简体中文中,要将下面HTML代码中的charset属性设置为
<head>
<meta httpp-equiv="Content-Type" content=" text /html " ; charset= ? >
</head>
http-equiv中提供的charset表示字符编码集常用有:
1. gb2312 :简体中文
2. ISO-8859-1:纯英文
3.big5:繁体
4.utf-8:国际通用字符编码
二.
浏览器内核
IE:trident 内核
Firefox:gecko内核
Safari:webkit内核
Chrome:Blink(基于webkit,Google与Opera Software共同开发)
三.
1.
background-clip: ;是规定背景绘制区域
2.
sup 表示文本加注上标线
3.
常用的页面图片格式有GIF JPG PNG
四css样式.
text-transform: uppercase; 英文全大写
text-transform: capitalize ; 英文首字母大写
text-transform: none ; 没有装饰
五.
div的宽度:
width: 100px; border: 1px red dotted; padding: 10px; margin: 20px;
div的宽度=100px+(2x1)px+(2X10)px+(2X20)px =162px,
在CSS中,盒子模型的实际宽度计算公式为:盒子模型实际宽度=盒子宽度width+左右内填充宽度(padding-left+padding-right)+左右外填充宽度(margin-left+margin-right)+左右边框宽度(border-left-width+border-right-width), padding属性的值可以是1个,2个,3个,4个,当其值为1个时,表示四个方向的内填充均相同,margin属性同padding属性,则由题意知, div的宽度=100px+(2x1)px+(2X10)px+(2X20)px =162px。
2.
一个盒子是由如下几个区域组成:
1)盒子的内容区域:可以通过width和height来设置内容区域的宽高
2)盒子的内填充区域(补白) padding :通过padding来设置,这个padding是分上下左右四个方向。
3)盒子的边框区域 border:通过border来设置,分上下左右四个方向。
4)盒子的外填充区域(外边距) margin:通过margin来设置,也是分四个方向。
5)盒子的背景区域 background
从外往里说:
margin、border、padding、width、height、background来设置
width 和 height
表示盒子内容的宽度和高度,不是指盒子的宽度和高度
一个盒子在网页上占据的宽度:
width+左右padding+左右border+左右margin
一个盒子在网页上占据的高度:
height+上下padding+上下border+上下的margin
【在PC端一般都设置单位为px】