摘要：
一、弹性盒模型 1.display：flex 说明：设置为弹性盒（父元素添加） 要让一个元素变成伸缩容器，需要使用display属性。 采用flex布局的元素，称为伸缩容器(flex container)，容器内的子元素称为伸缩项目(flex item) 注意：浏览器会将任何直接在伸缩容器里的连续文 阅读全文
摘要：
一、怪异盒模型 （一） box-sizing：content-box（标准盒模型）/border-box（怪异盒模型/IE盒模型 ）允许以特定的方式定义匹配某个区域元素的特定元素 1.content-box这是由CSS2.1规定的宽度高度行为； 宽度和高度分别应用到元素的内容框； 在宽度和高度之外绘 阅读全文
摘要：
一、旧版弹性盒模型 1、display:box 说明：(必须加前缀)设置弹性盒使用如下属性，必须在父代设置display:box; 2、box-orient 说明：在父级上设置该属性，则子代按水平排列或竖直排列 注：所有主流浏览器不支持该属性，必须加上前缀 1）horizontal 水平排列，子代总 阅读全文
摘要：
一、HTML+CSS代码实现三角形 （一）transparent透明属性实现代码编写三角 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style type="text/css" 阅读全文