1、少用偏门。类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 center不是float的值。
成都创新互联公司是一家集成都做网站、网站制作、网站页面设计、网站优化SEO优化为一体的专业网站建设公司，已为成都等多地近百家企业提供网站建设服务。追求良好的浏览体验,以探求精品塑造与理念升华,设计最适合用户的网站页面。 合作只是第一步，服务才是根本,我们始终坚持讲诚信，负责任的原则，为您进行细心、贴心、认真的服务,与众多客户在蓬勃发展的市场环境中,互促共生。
2、需要设置对应的属性white-space： pre；然后设置等宽字符（包括等宽空格）即可。综合起来，就是这样font-family： 宋体， Simsun；white-space： pre；由于使用了中文 CSS 名称，所以在实际使用中需要考虑样式的字符编码问题。
3、css 是保存不下来的。你要到你 保存好的页面里面看引用了 多少个css 你保存下来的 文件里面 有几个 css 少了的需要 重新下载。
4、可以使用属性选择器，而不用类选择器，因为属性选择器要求严格匹配，因此btn和btn btn-info在类选择器中都能匹配到btn，但在属性选择器中却是不匹配的。
如果有成员需要加入或者修改css样式，就需要修改文档，同时通知所有成员。。
因为浏览器的兼容的问题，不同浏览器有些标签的默认值是不同的，如果没有CSS初始化往往会出现浏览器之间的页面显示差异。
）长名称或词组可以使用中横线来为选择器命名。
前端面试时被问到前端布局，这个怎么回答 你可以说，你对DIV+CSS布局的了解，不懂你先百度吧，我不可能一一说明的。 然后说，盒子模型的了解，还是那句，不懂你百度吧。 然后说，清除浮动的了解，还是那句，不懂你百度。
面试题：写一个左中右布局占满屏幕，其中左、右俩块固定宽200，中间自适应宽，要求先加载中间块，请写出结构及样式。
三种方式使用css样式 写在文件里面，使用style标签 写在标签里面。
参考链接： CSS实现不换行/自动换行/文本超出隐藏显示省略号 object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。
面试题：写一个左中右布局占满屏幕，其中左、右俩块固定宽200，中间自适应宽，要求先加载中间块，请写出结构及样式。
BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。
项目经验篇 项目中遇到的最大挑战以及解决办法 常见的网页优化有哪些？ 作为一个面试一年以内工作经验的前端程序员来说，以上的问题能够倒答如流月薪6k应该不成问题啦。这些面试题也是我在很多面试中感觉经常被问到的题目。
今天小编要跟大家分享的文章是关于参加Web前端面试的常见面试题汇总。准备参加Web前端面试的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。渐进增强与优雅降级渐进增强并不是一种技术，而是一种设计思想。
要文字显示在图片上方（含文字在上层的情况，即不被图片遮挡），则文字需要脱离文档流，那么首先排除在图片上做文章的 A、B 两项。
例如，如果希望一个元素位于网页的右上角，可以使用绝对定位，并设置top和right属性的值为0，如下所示：cssCopy code.element { position： absolute； top： 0； right： 0；}这样，该元素就会出现在网页的右上角。
如果把示例中的B区域设定为absolute而不指定 4个位置属性，通过设定margin来改变它的相对位置，用这个方法可以解决前面提到的问题2。
css3新单位，相对于根元素html（网页）的font-size，不会像em那样，依赖于父元素的字体大小，而造成混乱。css3新单位，viewpoint width的缩写，视窗宽度，1vw等于视窗宽度的1%。
使用z-index可更改层叠顺序。此属性参数值越大，则被层叠在最上面。必须使用绝对定位position z-index：0是默认属性值。
一种方法是使用标签的自然顺序和嵌套顺序来形成合理的布局。
static(默认值)：如果使用默认值，在CSS中为元素定义的top，left，right，bottom.z-index都不会生效。relative：相对元素本身进行移动。绝对定位：会脱离正常的文档流，不再占据空间。
就可以解决这个问题。如果不是，你可以给手机那个a也position：absolute；z-index：99；给span.arrow也加一个z-index：99；然后给t-pop加一个z-index：1； 还要看你最后要实现什么效果，才能最后判断使用什么。
所以它们的序号会重新分配为1和2，并分别匹配第1和第2个样式。
您说的这种情况一般发生在右浮动时。在右浮动下按照“先来先得”的规则进行处理，即按照次序从右向左排列，所以会出现这种情况。因此编写代码时要把次序倒过来写。
1、三种方式使用css样式 写在文件里面，使用style标签 写在标签里面。
2、，内部引用，在html文档中在标签里面写的css样式 bdoy{font-size：14px；} 2，外部引用，用标签引用外部的css文件，将样式引用到html文档来。 3，在标签中使用，使用style属性将当前的标签样式改变。
3、区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
4、CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
5、行内样式 使用style属性引入CSS样式。示例：style属性的应用直接在HTML标签中设置的样式实际在写页面时不提倡使用，在测试的时候可以使用。
6、行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。内嵌式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。