CSS

效果如下：5种方式为：缩放、阴影、渐变、边框、svg绘制 效果如下：5种方式为：缩放、阴影、渐变、边框、svg绘制

一、介绍： 1)弹性盒也叫伸缩布局盒模型 它是css3引入的一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的项目布局。相比之前的布局方式，

CSS Position（定位） 一、static定位 html中的默认定位方式，其位置会遵循文档流顺序（在排版布局过程中，元素会依照从左到右，从上到下的顺序依次排列）当static定位时，top、b

content-box 仅包含宽高，不包含padding、border、margin boder-box 其中设置的width、height包括content、padding、border 但并不包含

实心三角 width：0px； height：0px； border ：6px transparent solid； border-bottom-color ：blue； 空心三角形 width：10

1.使用margin+transfrom实现 2.使用abslute+负margin 3.使用absolute+margin：auto 4.使用absolute+transfrom

什么是BFC BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-leve

三栏布局 品字布局 圣杯布局 双飞翼布局 三栏布局 品字布局 圣杯布局 双飞翼布局 三栏布局 品字布局 圣杯布局 双飞翼布局

css命名规则 见名知意 下划线连接 不写很多嵌套（最多3层） 多使用class id选择器(使用#标识selector) 类选择器 元素选择器 属性选择器 包含选择器 指定目标选择器必须处在某个选择