这篇文章这篇文章主要介绍了css中常用但是又难记的样式作为总结,方便大家学习和使用.包括了‘单行缩略号‘.’css圆角兼容'.‘元素阴影’,‘border取消宽度影响’,‘css3的背景渐变’,‘css的透明’等等 单行缩略号  .overhid{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } css圆角兼容 .setradius{ -moz-border-radius: 5px; -webkit-border-r…

强制文本显示 让一段文字在固定宽度在一行显示,最后一个字符为省略标记(...),css样式如下 单行显示语法:white-space:nowrap; div{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 效果: 多行文本最后省略号: div{ display: -webkit-box; -webkit-line-clamp:; overflow: hidden; -webkit-box-orient: vertic…

1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; 2.设置溢出文本显示为省略标记: text-overflow:ellipsis; (注:text-overflow:clip | ellipsis | ellipsis-word;…

CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE10以上不支持. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准. 条件注释的基本结构和HTML的注释(<!– –>)是一样的.因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释…

move.css zoomIn  zoomInDownouter-circlearrowTop expandOpen fadeIn  fadeInNormal  fadeInUp   fadeInRight   fadeInDown  fadeInLeft moveDown 上往下进入   moveUp 由下往上进入   moveLeft 由右往左进入   moveRight由左往 右进入 rotateIn 旋转进入    rotateInDownLeft 左下角切入    rotateInDo…

_______________________________________________________________  css3 瀑布流 N 列 <ul><li>aaa</li><li>aaa</li></ul> ul{-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;} ul li { -moz-page-break-inside: avoid;…

/*公共样式*/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: ; padding: ; }div{display:"felx"} *{box-sizing: border-box;} html, body { min-height: %;2018-11-03 } body { font-family:…

css3新单位vw.vh.vmin.vmax vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个.其中最大的那个被均分为100单位的vmax; vmin: 相对于视窗的宽度或高度中较小的那个.其中最小的那个被均分为100单位的vmin; 视区所指为浏览器内部的可视区域大小, 即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工…

属性选择符 E[att] E[att="val"] E[att~="val"] E[att^="val"] E[att$="val"] E[att*="val"] E[att|="val"] 伪对象选择符  E:first-letter/E::first-letter 设置对象内的第一个字符的样式. <p>今天,阳光明媚,晴空万里,非常适合户外活动,如踏青.远足之类的.长期坐…

今天我总结一下文本常用的字体样式 1.font常用样式 1)字体类型 语法:font-family: +字体类型:    如: font-family:宋体; 2)字体大小 语法:font-size: +字体大小: 如:   font-size:20px; 3)字体风格 语法:font-style: +字体风格:  如:font-style:italic; 4)字体拉伸 语法:font-stretch: +字体拉伸: 如: font-stretch:expanded; 5)字体加粗 语法:fon…