Css
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的原...
关于使用rem单位、css函数calc()进行自适应布局
一、关于css中的单位 大家都知道在css中的单位，一般都包括有px,%,em等单位，另外css3新增加一个单位rem。 其中px，%等单位平时在传统布局当中使用的比较频繁，大家也比较熟悉，不过px单位在进行自适应布局的过程当中则会有些力不从心，大部分的解决方案是使用%为单位配合@media媒介查询来进行自适应布局...
纯css解决div隐藏浏览器原生滚动条，但保留鼠标滚动效果的问题
当我们的内容超出了我们的div，往往会出现滚动条，影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。 这里介绍一个简单的方法：大体思路是在div外面再套一个div。这个div设置overflow:hid...
CSS阻塞渲染、怎么防止css阻塞
浏览器渲染流程： 1、浏览器开始解析目标HTML文件，执行流的顺序为自上而下。 2、HTML解析器将HTML结构转换为基础的DOM(文档对象模型)，构建DOM树完成后，触发DomContendLoaded事件。 3、CSS解析器将CSS解析为CSSOM(层叠样式表对象模型)，一棵仅含有样式信息的树。 4、C...
css3新单位vw、vh、vmin、vmax的使用介绍
1，vw、vh、vmin、vmax的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。 视窗(Viewport)是你的浏览器实际显示内容的区域&mdash...
