第一开始用border-image实现边框突变色彩，然而border-radius就生效了。前面在网上找了一个比拟好的办法来解决这个问题。首先先写一个父元素，实现背景色彩突变 {代码…} 留神要是设置padding，大小和你的边框是一样大的。而后就能够用子元素遮住实现圆角渐变色边框了。 {代码…} 整体html {代码…} 链接[链接]

咱们能够用TreeGrid插件来实现菜单目录以树结构来出现具体代码如下: {代码…} 须要留神引入的js程序不能颠倒，因为treegrid，bootstrap都是依靠于jquery

《论语》，曾子曰：“吾日三省吾身”（我每天屡次检查本人）。前端面试每日3+1题，以面试题来驱动学习，每天提高一点！让致力成为一种习惯，让奋斗成为一种享受！置信 保持 的力量！！！欢送在 Issues 和敌人们一起探讨学习！

SegmentFault 思否是中国当先的开发者技术社区。咱们以技术问答、技术专栏、技术课程、技术资讯为外围的产品状态，为开发者提供纯正、高质的技术交流平台。

Flex的含意Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 {代码…} PS: 应用Flex布局，所有子元素的float，clear，vertical-alig你这些属性就会生效Flex的属性介绍1.flex-direction：该属性决定主轴的方向，即排列形式，默认row。 {代码…} 2.flex-wrap：该属性决定子元素会不会换…

direction是容器属性，能够设置容器的轴线方向。当想实现反转我的项目内容的时候，能够用row-reverse或column-reverse设置反方向。html

粘性定位position sticky元素采纳失常的文档流布局（static）,当其边框（border矩形）绝对于最近的滚动先人元素的内边框（即content矩形）的小于指定阈值时，则position sticky元素绝对于该最近的滚动先人元素固定地位。

一、根底认知 {代码…} 二、语法规定 {代码…} 三、css属性 {代码…} 四、引入形式 {代码…} 五、根底选择器 {代码…} 六、字体和文本的款式 {代码…} 七、Chrome调试工具 批改和调试款式（定位谬误点） F12 {代码…} 八、色彩的常见取值 {代码…}

问题形容：回弹成果是指当一个过渡达到最终值时，往回倒一点，而后再次回到最终值，如此往返一次或屡次，并逐步收敛，最终稳固在最终值，目前有很多JS类库是内置回弹成果的，然而用纯CSS如何实现呢？

突然发现之前应用border-radius疏忽了斜杠’/’而后查阅了w3c，感觉不太好了解。w3c应用语法1-4:圆角地位，别离是top-left,top-right,bottom-right,bottom-left.顺时针。length|% :应用长度或者百分比设置值。斜杠’/’前设置程度半径，斜杠’/’后设置垂直半径。