Css
css文本溢出显示省略号
1.单行文本溢出省略号overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px;2.多行文本溢出省略号WebKit浏览器或移动端的页面在WebKit浏览器或移动端（绝大部分是WebKit内核的浏览器）的页面实现比较简单，可以直接使用Web...
css书写规则总结
1.JavaScript钩子使用的class不能是cssclass，要加j或j-前缀2.选择器 2.1css选择器尽量简短，层级要少，最好是1-2层 例如：.nav{}优于ul.nav{} 2.2不要依赖于html层级结构 例如：.nava{}优于.navlia{} 2.3不用Id选择器，复用度太低 2.4...
css3d总结
3d舞台设置 perspective(景深):length,可以设置overflow:hidden3d舞台下->3d元素容器 设置transform-style:preserve-3d,不可设置overflow:hidden(其如同transform-style:flat;) &nb...
css 文字换行
换行word-wrap:break-word新起一行对长单词进行断句word-break:break-all本行对长单词进行断句不换行，强制一行white-space：nowrap table中的文字自动换行(中英文),两种方法：table{word-break:break-all;word-wrap:bre...
css获取实时样式
functiongetStyle(elem,styleName){if(elem.style[styleName]){//内联样式returnelem.style[styleName];}elseif(elem.currentStyle){//IEreturnelem.currentStyle[styleName];}...
CSS 改变文本选中颜色
改变文字颜色 ::selection{ back...
css display 总结
1.块级元素(display:block)1.1.独占一行1.2.高度、宽度、行高、顶和底边距可设置1.3.默认宽度父容器100%2.内联元素(display:inline)2.1和其他元素同一行2.2高度、宽度、顶和底边距不可设置2.3宽度是其包含的文字和图片的宽度，不可改变3.内联块状元素(display:inli...
css居中总结
水平居中1.inline和inline-*元素水平居中：text-align:center2.block元素水平居中：block定宽：margin-left:auto;margin-right;auto;block不定宽：a.转为inline-block元素，使用text-align:centerb.使用display...
CSS强制性换行
一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，不换行。解决方法（以...
css 样式文字溢出显示省略号
在table中使用溢出样式，table样式要设置为”table-layout:fixed“，即<table>，溢出样式才有效果tabletbodytrtd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}注释：wh...
CSS文本溢出处理
1、超出层的高度和宽度时文本自动隐藏overflow:hidden;text-overflow:ellipsis;2、超出层的宽度时隐藏溢出的文本以...表示，Firefox不兼容，只隐藏溢出的文本white-space:nowrap;text-overflow:ellipsis;overflow:hidden;&nb...
CSS实现16:9等比例盒子
问题：图片的宽度100%，高度要始终自适应为16:9。 解决方案： 1、通过js程序算出绝对高度再进行设置。这是解决问题最容易想到的方法。 2、但是，我们的原则是能用css实现的功能尽量用css，这有利于后期项目的维护。css同样可以实现这个问题，我们可以利用边距的百分比属性定义来优雅实现。 我们通过百分比...
使用 CSS 接收用户的点击事情并对相关节点进行操作
问题背景：使用纯 CSS 方案，实现导航栏tab切换 实现Tab切换的难点在于如何使用CSS接收到用户的点击事情并对相关的节点进行操作。即是：如何接收点击事件如何操作相关DOM 下面看看如何使用两种不同的方法实现需求，通过这2种方法还是可以学到不少东西的。一、:target伪类选择器 :t...
CSS渐变字体、镂空字体、input框提示信息颜色、给图片加上内阴影、3/4圆
1、渐变字体 主要是看：-webkit-background-clip:text;该属性<style>.b1{width:500px;height:200px;font-size:100px;background-image:linear-gradient(tobottom,rgb(233,16,16),...
CSS 中的字体兼容写法：用CSS为英文和中文字体分别设置不同的字体
font-family的调用方法：font-family:Arial,'TimesNewRoman','MicrosoftYaHei',SimHei;font:bold12px/0.75emArial,'TimesNewRoman','MicrosoftYaHei',SimHei; 根据font-family的原...
