ie7兼容一点点css3。ie是不完全兼容css3的，ie8以下是几乎不兼容的，IE8只兼容非常小的一部分，从IE9及以上开始兼容部分，但像flex-box这类的都是不兼容的；然后IE11以后开始兼容像flex-box这类比较前沿的样式。ie是不完全兼容css3的：IE8以下，几乎不兼容CSS3，而IE8只支持非常小的一部分，比如box-sizing:border-box；IE9以及以上版本开始支持css3。IE9以上开始兼容部分，但像flex-box这类的都是不兼容的；IE11以后开始兼容像flex-b
css3 media不起作用的原因：1、HTML meta标签中没有设置加viewport属性；2、样式冲突，@media查询代码的样式被后面的css所覆盖；3、格式书写出现错误，mediah语句的and后面必须有空格。本教程操作环境：windows10、css3，本文适用于所有品牌的电脑。相关推荐：《CSS视频教程》在网页制作中，利用@media screen实现网页布局的自适应，匹配不同访问设备。只需在CSS中添加@media screen属性，针对不同设备的宽度进行编写CCS样式，根据浏览器宽度判断
css3让文字垂直居中显示的方法：可以通过使用绝对定位和transform属性来实现，如【position:relative; transform:translate(50%,-50%);】。实现思路：通过使用绝对定位和transform属性来实现。（视频教程推荐：css视频教程）属性介绍：Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。语法：1transform: none|transform-functions;测试代码：说明：这种方法非常明显的好处就是
css3加内边框的方法：可以通过使用border属性和box-sizing属性来加内边框，如【box-sizing:border-box;】。box-sizing属性允许以某种方式定义某些属性，以适应指定区域。本教程操作环境：windows7系统、css3版，该方法适用于所有品牌电脑。css3添加内边框相关属性：border属性允许你指定一个元素边框的样式和颜色。box-sizing 属性允许你以某种方式定义某些元素，以适应指定区域。（学习视频分享：css视频教程）语法：1box-sizing: cont
css3中的2d变形有：1、位移transform:translate()；2、缩放transform:scale()；3、旋转transform:rotate()；4、倾斜transform:skew()。环境：本文适用于所有品牌的电脑。（学习视频分享：css视频教程）2d变形分为：1、位移：transform:translate(参数1，参数2)参数1：在X轴移动的距离参数2：在Y轴移动的距离参数的设置:如果是正值的情况下：X轴往右、Y轴往下，负值的情况下：X轴往左、Y轴往上例：我们也可以单独设置X轴
css3新内容有：1、子选择器，用于选取带有特定父元素的元素；2、兄弟选择器，用于选择紧接在另一个元素后的兄弟元素；3、其他兄弟选中器；4、结构伪类选择器；5、伪元素选择器等等。本文操作环境：windows7系统，css3版，DELL G3电脑。CSS3新增内容：CSS3新增选择器子选择器 子级选择器用于选取带有特定父元素的元素12.box > p{ background-color: pink
解决办法：1、保证media书写格式为“@media screen and (css样式){}”；2、检查样式是否冲突；3、设置meta标签的viewport属性；4、media后跟的括号中的内容不能写结束符“;”，如果有，需要去掉。本教程操作环境：Windows7系统、css3版，Dell G3电脑。css3 @media不起作用原因汇总首先确认是不是css本身的问题，而不是媒体查询没有生效；例如1div{display:flex;}/*那么div所有的display效果都将无法生效*/外联样式引入c
css3 sticky不生效的解决办法：1、父元素不能overflow:hidden或者overflow:auto属性；2、必须指定top、bottom、left、right4个值之一；3、父元素的高度不能低于sticky元素的高度。本教程操作环境：windows7系统、css3版、thinkpad t480电脑。推荐：《css视频教程》sticky不生效原因有：父元素设置了overflow:hidden或者overflow:auto未指定top、right、bottom、left4个值中的任意一个父元素