weixin_45685108的博客

浏览器的种类日益增多，浏览器对一段程序中的CSS3支持程度也存在千差万别。就比如有些低级浏览器（IE6）不支持CSS3，这就使得程序员在编写程序时，需要在同一段CSS中加入前缀不同的同一属性代码，用来适配各浏览器。常用的浏览器及对应的前缀如下：-webkit-border-radius-:; //谷歌浏览器、360浏览器（具有相同内核）-ms-border-radius-:; //ie浏览器-moz-border-radius-:； //火狐浏览器-o-border-radius-:;

flex弹性盒子的使用方法使行内元素并排排列得方法除了使用float浮动属性之外，还可以使用display的flex属性。具体使用方法如下：.box1{ width: 800px; border: 1px solid #bfa; }.box2{ width: 100px; height: 100px; background-color: yellow; } .box3{ width: 100px; height:

消除浮动的方法为了清除由于元素浮动后脱离文档流导致的父级元素高度塌陷问题，可以在CSS中添加一个伪类：.clearfix::after{ content:""; display:block; zoom:1; height:0px; clear:both;}然后再在塌陷的父级元素中添加一个clearfix类，如：.father{ width:100%; border:2px #bfa solid; //添加边框使得效果更明显}.son{ heigh

简易轮播图效果案例鼠标滑过时停止div:hover ul{ //鼠标滑过时图片停止 animation-play-state: paused;}鼠标滑过时设置透明//设置鼠标悬停时其他图片的透明度div:hover ul li{ //鼠标划过时设置透明 opacity: .6; //.6 = 0.6 透明值最高为1，只能让图片颜色变浅}//设置鼠标悬停图片的透明度div ul li:hover{ opacity: 1;}图片整体

HTML样式1.三种样式插入方法外部样式表<link rel = "stylesheet" type = "text/css" href = "***.css">内部样式表<style type = "text/css"> body {back-ground:red} p {margin-left:20px}</style>内联样式表<p style = "color:red>HTML 链接1.链接数据文本链接&l