HTML+CSS

用 CSS 实现一个三角形 参考代码： 以上代码会在页面中创建一个边长为 100px 的红色三角形。您可以根据需要调整 border 属性和 width/height 属性的值来改变三角形的...

常见的CSS三栏布局有：左右定宽，中间自适应的三栏布局；左边定宽，右边自适应，中间宽度固定的三栏布局；以及左右自适应，中间定宽的三栏布局。

外边距重叠指的是在两个或多个垂直相邻的块级元素的外边距相遇时，它们的外边距会合并成一个外边距，而不是简单地叠加起来。重叠的结果是取相邻元素间外边距的最大值作为它们实际的外边距。

实现多行文本溢出省略效果，考虑兼容性： 可以使用 CSS 属性 "text-overflow: ellipsis;" 来实现文本溢出时显示省略号。配合 "white-space: nowrap;"

Stylus、Sass和Less都是CSS预处理器，它们的主要目的是简化和改进CSS的编写。它们都提供了一些基本的功能，如变量、嵌套、混合、函数等，这些功能使得CSS的编写更加简洁和高效。

Base64是一种将二进制数据编码为文本的方法，常用于在网页中嵌入图片、字体等资源。优点包括减少HTTP请求次数、提高页面加载速度，缺点是会增加文件大小、降低图片质量。

CSS3提供了许多新的属性和伪类，使得我们可以更加轻松地实现各种样式效果和交互特性，为页面增添更多的创意和动态性。

display：这个属性用于定义元素应该生成怎样的框，它有很多不同的值，比如 block、inline、inline-block 等。block 会让元素以块级方式显示，占据一整行；

清除浮动的方式有直接设置浮动父元素高度 height、额外标签法、单伪元素清除法 :after 和 zoom 、伪元素清除法，各有优缺点；垂直居中浮动元素可以使用 Flexbox 布局实现；

CSS两种盒模型以及区别 CSS 中有两种盒模型：标准盒模型（content-box）和IE 盒模型（border-box）。

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的， 如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。

alt属性是图像的替代文本，让用户能够知道图像的内容，用于在图像无法加载或阅读器无法解析时展示，或者在以纯文本形式阅读网页时提供图像描述，这样用户还能看到丢失了的一些信息，相对来说比较友好。

opacity: 0;、visibility: hidden;、display: none; 三者都是让对应的元素不可见。

将多个小图片拼接到一个图片中 。通过 background-position 和元素尺寸调节需要显示的背景图案。

通过CSS的display属性可以改变元素的默认类型，将块级元素设置为行内元素，或将行内元素设置为块级元素，从而改变它们的显示和布局方式。

所谓 BFC，块级格式上下文，指的是一个独立的布局环境，BFC 内部的元素布局与外部互不影响。IFC，行内格式化上下文，将一块区域以行内元素的形式来格式化。

性能优化、渲染优化、网页验证码、渐进增强和优雅降级、为什么利用多个域名来存储网站资源会更有效?从用户刷新网页开始一次js请求一般情况下有哪些地方会有缓存处理?如何使用CSS实现硬件加速?

渲染引擎:负责取得网页的内容 ( HTML 、 XML 、图像等等) 、整理讯息 (例如加入CSS 等)， 以及计算网页的显示方式，然后会输出至显示器或打印机 。浏览器的内核的不 同对于网页的语法解

HTML5现在已经不是 SGML 的子集，主要是关于图像、位置、存储、多任务等功能的增加： 语意化更好的内容元素， 比如 article 、 footer 、 heade...

svg 绘制出来的每一个图形的元素都是独立的 DOM 节点， 能够方便的绑定事件或用来修改。 canvas输出的是一整幅画布。