博文纲领：

css基础问题

CSS行高可以通过设置`line-height`属性来调整。详细解释如下：CSS行高的基本概念 在CSS中，行高是用于控制文本行之间垂直距离的属性。它不仅影响文本的可读性，还影响网页的整体布局和外观。

css测试题（css笔试题）

CSS div布局 常见问题1 换行 原计划目标：外部div1宽度300px；内部3个子div：通过float：left设置成3列；每个宽度100px。实际结果：代码下拉查看答案。分析：盒子模型的box-sizing属性的默认值：content-box，表示width是内容宽度，而不是总宽度。

使用伪类选择器：通过CSS伪类选择器在浮动元素之后添加一个清除浮动的元素，这种方法更为简洁和高效。 设置溢出隐藏属性：给父元素设置overflow： hidden；属性，可以隐藏溢出的浮动元素，从而间接清除浮动。

定位一般是相对定位，定位只是一种方式，有绝对和相对定位，相对用的多。浮动只是针对块的排布而已。是的，必须设置float left才可以左右排开，至于块高度统一设为200px。宽度可以用百分比，最后一个块不一定要right，实际上像素控制的好left足矣。

如何用JS来改变CSS属性?

通过JavaScript来修改CSS属性，使用jQuery可以非常方便地实现，例如：$(img).css(border-color，red)； 这段代码可以将所有图片的边框颜色更改为红色。下面是针对此问题的一个测试页面示例：该页面包含三张图片，它们的默认样式为边框宽度10px，边框样式为实线，边框颜色为灰色。

如果你想通过JavaScript修改CSS文件中的代码，实际上可以直接操作DOM样式属性，而无需直接修改CSS文件。具体来说，可以通过JavaScript动态地改变元素的样式。例如，你可以使用 element.style.propertyName = value这样的语法来改变元素的样式属性。

首先，可以直接改变元素的样式属性。例如，如果你想要改变一个id为obj的元素的背景颜色，可以使用以下代码：document.getElementById(obj).style.backgroundColor=#003366其次，可以通过改变元素的class属性来实现样式改变。

第五种方法是通过修改元素的class属性，例如利用jQuery等库的相应方法进行改变。这种方法特别适用于通过改变伪元素父级的class属性来动态修改伪元素样式的情况。第六种方法是使用设置CSSText属性，这种方式较为灵活，可以一次性设置多个样式。

用h5和css3还有js做一个单机的健康测试,每题有四个选项,value值都不...

1、首先每一题的选项的随意设置一个属性，只要能分开题号的。设置一个提交的按钮，点击时调用一个函数。这个函数的功能是，获取到页面上所有的单选或复选框的元素。然后判断checked属性的值，判断是否被选中，选中的话，获取题号。接下来有题号，有选项，你就可以在js里处理了。

CSS中overflow的用法是什么?

1、CSS中display、visibility及overflow的作用和区别如下：display属性： 作用：用于设置或检索对象是否以及如何显示。 主要取值及效果： none：标签对象会被隐藏，不会为其保留位置空间，其下方的元素会被自动上移占据隐藏标签的位置。

2、overflow属性在CSS中用于指定当一个块级容器的内容超出其指定高度或宽度时如何处理。具体来说，overflow有以下几个值可供选择：visible：这是默认值，表示内容不会被裁剪，会呈现在元素框之外。hidden：表示内容会被裁剪，并且其余内容是不可见的。

3、CSS中的overflow属性用于处理元素内容超出其容器时的显示方式，以下是深入理解overflow的要点：overflow属性的常见值：visible：默认值，内容不会被裁剪，会呈现在元素框之外。hidden：内容会被裁剪，并且超出部分不会显示。scroll：内容会被裁剪，浏览器会显示滚动条以便查看隐藏的内容。

前端面试题系列之-CSS及页面布局篇

参考链接： CSS实现不换行/自动换行/文本超出隐藏显示省略号 object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能 import规则一定要先于除了@charset的其他任何CSS规则。

不要想着IE7没了就不用考虑浏览器相容性问题，chrome/firefox、webkit的各种版本，手机的各种浏览器、各种终端都要处理浏览器相容性问题，恩，对，偶尔还有flash来着。相容各种终端、相容各种解析度、相容浏览器都是相容性问题，这是FE的命，得认。抱着让使用者有最好体验的想法去做，收获更大。

内联首屏关键CSS：可以提前渲染首屏内容，避免阻塞。资源压缩：压缩CSS文件，减少文件大小，加快加载速度。选择器优化：避免使用过于复杂的选择器，提高CSS解析效率。避免昂贵属性和@import：减少使用影响性能的属性，如filter和：hover伪类，避免使用@import，改用标签引入样式。