HTML和css在做网页时遇到的问题总结

HTML和css在做网页时遇到的问题总结

一.关于透明度
当使用opacity设置一个背景为透明时，因为其有继承性，所有他的子类也会随之透明，使用rgba设置透明，则不会引起子类随着透明，即虽然rgba和opaciy都可以使背景设置为透明，但为了使其子类的文字或其他内容不受影响，使用rgba更合适.
二.关于定位问题
（1）相对定位
1.当开启了相对定位以后 若不设置偏移量 则元素的位置不会发生变化
2.相对定位是相对于元素再文档流中原来的位置进行定位
3.相对定位的元素不会脱离 文档流
4.相对定位会使元素提升一个层级
5.相对定位不会改变元素的性质（内敛还是内敛 ）
6.通常偏移量只需要使用两个就可以对一个元素进行定位
一般选择水平方向的一个偏移量和竖直方向的偏移量来定义一个元素的位置
（2）绝对定位
1.开启绝对定位会使元素脱离文档流
2.开启绝对定位以后 如果不设置偏量 则不会发生变化
3.绝对定位会相对于离他最近的开启了定位的祖先元素进行定位（一般情况，开启了子元素的绝对定位）如果所有的祖先元素都没有开启定位 那么相对于浏览器窗口进行定位
4.绝对定位会使元素提升一个层级
5.绝对定位会使元素的性质改变内敛元素变为块元素
（3）固定定位
固定定位也是一种绝对定位，他的大部分特点与绝对定位一样。
不同的是，固定定位永远都会相对于浏览器的窗口进行定位，
固定会固定再浏览器窗口的某个位置，不会随滚动条滚动。

并且在制作网页时，往往外层使用相对定位，内层使用绝对定位
三，文本格式化
（1）文本的字体
font-family 可以指定文字的字体
当采用某种字体时，如果浏览器支持则使用该字体
如果不支持，则使用默认字体
该样式可以采用多个字体时 浏览器会优先使用前边的字体
如果前边没有则尝试下一个
浏览器使用的字体是默认的 就是计算机中的字体
如果计算机中有 则使用 如果没有 就不使用
（2）行间距
在设置行高时 一定要注意 实际上的行间距：
行间距=行高-字体大小