css有什么办法实现定位
首先使用position属性指定元素的定位类型（静态定位、绝对定位、相对定位或固定定位）；然后使用left，top，right，bottom属性调整元素的位置即可。
css3新特性
一，圆角border-radius
二，阴影之box-shadow
三，阴影之text-shadow
四，背景渐变linear-gradient
五，转换transform
1，translate()移动
2，rotate()旋转
3，scale()缩放
4，skew()倾斜
5，3D转换之rotateX()
6，3D转换之rotateY()
7，translate3d()
六，过渡transition
七，动画animation
1，@keyframes创建动画
2，animation执行动画
八，绘制特殊图形
九，媒体查询
1，设置meta标签
2，媒体查询语句
十，响应式布局
十一，栅格系统
十二，多列
1，创建多列
2，设置每列之间的间隙
3，列边框
css里面垂直居中的方法
1、通过verticle-align:middle实现CSS垂直居中。
2、通过display:flex实现CSS垂直居中。
3、通过伪元素:before实现CSS垂直居中。
4、通过display:table-cell实现CSS垂直居中。
5、通过隐藏节点实现CSS垂直居中。
6、已知父元素高度通过transform实现CSS垂直居中。
7、定位到垂直居中的位置。
8、通过line-height实现CSS垂直居中。
css中如何实现响应式布局
响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局，通俗一点说就是能自适应任何设备
实现响应式布局的方法：
1.媒体查询(下面具体讲解）
2.流体布局（float）
3.弹性布局（flex）
4.通过 JavaScript、JQuery 进行判断来显示不同的布局页面
5.Bootstrap 等第三方框架
display:none和visibility:hedden的区别
display:none是彻底消失，不在⽂档流中占位，浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在⽂档流中占位，浏览器会解析该元素；
visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。
visibility: hidden不会影响计数器的计数
css3的transition支持visibility属性，但是并不支持display
用css画三角形
用几行代码实现css画三角形
<style>
* {
padding: 0;
margin: 0;
}
.triangle {
width: 0;
height: 0;
border-top: 50px solid skyblue;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-bottom: 50px solid transparent;
}
</style>
<body>
<div class="triangle"></div>
</body>
