1.伪类选择器
a:link{} 没有被访问过时a标签的样式
a:visited{} 访问过后的
a:hover{} 悬浮时
a:active{} 摁住的时候
2.如何在p标签的后面添加''&'内容?
<style>
p::after{
/*行内元素*/
content:'&',
color:red;
font-size: 20px;
}
</style>
<p>wusir</p>
3.设置网页字体使用哪个属性,备选字体如何写?
font-family:'宋体','楷体';
4.如何设置文字间距和英文单词间距?
文字间距:letter-spacing
英文单词间距:word-spacing
5.字体加粗使用哪个属性,它的取值有哪些?
font-weight:lighter| normal | bold |bolder| 100~900 字体加粗
font-style:italic;/*斜体*/
6.文本修饰用哪个属性,它的取值有哪些?
text-decoration:none| underline | overline | line-through
7.分别说明px,em,rem单位的意思
px: 绝对单位 固定不变的尺寸
em和rem :相对单位 -------> 和font-size有关
em:相对于当前的盒子
rem:相对于根元素(html)
8.如何设置首行缩进,一般使用什么单位?
em 首行缩进text-indent: 2em;
9.文本水平排列方式是哪个属性,它的取值有?
text-align:left | center | right | justify(仅限于英文,两端对齐)
10.如何让一个盒子水平居中?
盒子必须有宽度和高度,再设置margin: 0 auto;
让文本水平居中: text-align:center;
让文本垂直居中:line-height = height
文本垂直居中:vertical-align: middle;
11.margin在垂直方向上会出现什么现象?
外边距合并,“塌陷”
尽量避免出现塌陷问题,只要设置一个方向的margin
12.如果让两个盒子并排在一行上显示?
1.float浮动属性
2.设置盒子的显示方式 display:inline | inline-block;
13.简单阐述一下,浮动对盒子产生了什么现象?
1.脱离标准文档流,不在页面上占位置 “脱标”
2.文字环绕 设置浮动属性的初衷
3.“贴边” 现象: 给盒子设置了浮动,会找浮动盒子的边,如果找不到浮动盒子的边,会贴到父元素的边,如果找到了,就会贴到浮动盒子的边上
4.收缩效果
有点像 一个块级元素转成行内块