HTML5不理解的东西

一.

在简体中文中,要将下面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

从外往里说:
  marginborderpaddingwidth、height、background来设置

 width 和 height

表示盒子内容的宽度和高度,不是指盒子的宽度和高度
一个盒子在网页上占据的宽度:
width+左右padding+左右border+左右margin
一个盒子在网页上占据的高度:
height+上下padding+上下border+上下的margin
【在PC端一般都设置单位为px】

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值