目录
2、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
1、什么是盒子模型?
在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
2、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
行内元素:a、b、span、img、input、strong、select、label、em、button、textarea
块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素:即系没有内容的HTML元素,例如:br、meta、hr、link、input、img
3、CSS实现垂直水平居中
方法一: 绝对定位+margin反向偏移
HTML结构:
<div class="box_1"></div>
CSS部分:
.box_1 {
width: 200px;
height: 200px;
background-color: pink;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
方法二: 绝对定位+margin:auto
HTML结构:
<div class="box_2"></div>
CSS部分:
.box_2{
width: 200px;
height: 200px;
background-color: deepskyblue;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
方法三: 绝对定位+transform反向偏移
HTML结构:
<div class="box_3"></div>
CSS部分:
.box_3 {
position: absolute;
background-color:plum;
width: 200px;
height: 200px;
top: 50%;
left:50%;
transform: translate(-50%,-50%);
}
4,简述一下src与href的区别
href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。
src 是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
5,px和em的区别
px和em都是长度单位
区别是:px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且 em会继承父级元素的字体大小。
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em
6. =,== ,=== 的区别:
一个"=" (赋值)
两个"==" (比较值)
三个"===" (值与类型均进行比较)
今天就写到这吧......