css相关问题

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.收缩效果

 有点像 一个块级元素转成行内块