CSS(二)

如果想要改变一个DOM元素的字体颜色，不在它本身上进行操作？

修改父元素的color属性

line-height和height的区别

line-height一般是指布局里面一段文字上下行之间的高度，是针对字体来设置的，height一般是指容器的整体高度，

设置一个元素的背景颜色，背景颜色会填充哪些区域？

background-color设置的背景颜色会填充元素的content、padding、border区域

inline-block、inline和block的区别

• Inline-block：能设置宽度高度，margin/padding水平垂直方向 都有效，前后无换行符
• Inline：设置width和height无效，margin在竖直方向上无效，padding在水平方向垂直方向都有效，前后无换行符
• Block是块级元素，其前后都会有换行符，能设置宽度，高度，margin/padding水平垂直方向都有效。

常见的inline-block、inline和block元素

• 行内元素有：a b span I em img input select strong
• 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4 p
  -行内块元素： img input

了解重绘和重排吗，知道怎么去减少重绘和重排吗，让文档脱离文档流有哪些方法

• 重绘的定义：浏览器将受到影响的部分重新绘制在屏幕上的过程。
• 重排的定义：DOM的变化影响到了预算内存的几何属性比如宽高，浏览器重新计算元素的几何属性，其他元素的几何属性也会受到影响，浏览器需要重新构造渲染页面的过程。
  造成重排和重绘的原因：
• 添加或者删除可见的DOM元素
• 元素尺寸位置的改变
• 浏览器页面初始化
• 浏览器窗口大小发生改变，重排一定导致重绘，重绘不一定导致重排
  减少重绘重排的方法
• 不在布局信息改变时做DOM查询
• 使用csstext,className一次性改变属性
• 使用fragment
• 对于多次重排的元素，比如说动画。使用绝对定位脱离文档流，使其不影响其他元素
  让文档脱离文档流有哪些方法
• float
• absolute
• fixed

两个嵌套的div，position都是absolute，子div设置top属性，那么这个top是相对于父元素的哪个位置定位的。

margin的外边缘

CSS的布局方式

1. 圣杯布局是指布局从上到下分为header、container、footer，然后container部分定为三栏布局。这种布局方式同样分为header、container、footer。圣杯布局的缺陷在于 center 是在 container 的padding中的，因此宽度小的时候会出现混乱。
2. 双飞翼布局给center 部分包裹了一个 main 通过设置margin主动地把页面撑开。
3. Flex布局是由CSS3提供的一种方便的布局方式。
4. 绝对定位布局是给container 设置position: relative和overflow: hidden，因为绝对定位的元素的参照物为第一个postion不为static的祖先元素。 left 向左浮动，right 向右浮动。center 使用绝对定位，通过设置left和right并把两边撑开。 center 设置top: 0和bottom: 0使其高度撑开。
5. 表格布局的好处是能使三栏的高度统一。
6. 网格布局可能是最强大的布局方式了，使用起来极其方便，但目前而言，兼容性并不好。网格布局，可以将页面分割成多个区域，或者用来定义内部元素的大小，位置，图层关系。

最后

以上就是爱撒娇短靴为你收集整理的前端复习记录（前端基础 CSS）二CSS(二)的全部内容，希望文章能够帮你解决前端复习记录（前端基础 CSS）二CSS(二)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。