Css
css绝对定位下的垂直居中
如图窗口左上角实现文字宽高不定的div中文字图片垂直居中主要问题是在div显示display:block的情况下，文字高度不定，没办法做到用像左边图片固定大小垂直居中的方法，top:50%来垂直居中一开始直接用display:flex来实现左右两部分的垂直居中，但是因为配合到jquery的sho...
css 不换行省略号
.text-overflow{word-break:keep-all;/*不换行*/white-space:nowrap;/*不换行*/overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...)；需与overflow...
css ul li 左对齐，换行
.info-warp{min-height:20rem;background:#ffffff;text-align:center;padding:1.4rem;}.jx_ul-info-list{margin:2remauto;text-align:left;display:inline-block;list-styl...
css 图片flex布局最后一行居中
.box-flex-warp{width:100%;display:flex;flex-flow:rowwrap;justify-content:center;/*align-content:flex-start;左对齐*/}.box-flex{box-sizing:border-box;flex:0033.33%;}...
css 多行文字垂直居中
实现多行文字垂直，水平居中重点代码text-align:center;display:table-cell;vertical-align:middle;<divclass="sign_up"><p>报名</p><p>signup</p></div>...
css背景图片加上半透明背景颜色
背景图片加上半透明背景颜色background:rgba(0,0,0,.6)url(../../images/pro-bg.png)no-repeatcentercenter; ...
基本css说明
/*-moz代表firefox浏览器私有属性2、-ms代表ie浏览器私有属性3、-webkit代表safari、chrome私有属性*/ body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,...
CSS3多列Multi-column布局
Properties属性CSSVersion版本InheritFromParent继承性Description简介columnscss3无设置或检索对象的列数和每列的宽度。复合属性column-widthCSS3无设置或检索对象每列的宽度column-countCSS3无设置或检索对象的列数column-g...
CSS实现背景透明，文字不透明（兼容各浏览器）
在FF/Chrome等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外）内设置position...
web前端面试试题总结---css篇
介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？（1）有两种，IE盒子模型、W3C盒子模型；（2）盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)；（3）区别：IE的content部分把border和padding计算了进去;CSS选择符有哪些？哪些属...
css实现了hover显示title的效果
<divdata-title="hello,world">hello...</div><style>div{position:relative;}div:hover::after{content:attr(data-title);//取到data-title属性的值display:i...
css 自制一些小特效
Github地址位于gh-pages分支上https://github.com/a1115040996/MyHTML/ 3D卡片特效地址：https://a1115040996.github.io/MyHTML/3DCard.html 3D正方体特效地址https://a11150409...
SCSS 使用@each 方法循环遍历数组颜色并给li赋值
$list-bg:red,orange,blue,skyblue;ul{>li{height:30px;@each$cin$list-bg{$i:index($list-bg,$c);&:nth-child(#{$i+1}){//+1是除了第一个以外的libackground:nth($list-bg,$...
scss文件使用笔记
1.编写兼容性代码例如透明度，兼容IE@mixinmOpacity($o){opacity:$o/100;filter:alpha(opacity=$o);}//引用.box{@includemOpacity(80);//将透明度设置为80%} 。。。。更新中...
HTML5 CSS3 Transform 笔记 (scale不起作用)
Transform的scale属性不能作用于inline元素上，例如span并且动画animation 也不能作用于inline元素上可以给span加display:inline-block;属性...
