两千人站长交流群:462137404 / VIP用户交流群:462197261 收藏本站哈站网 zhan.ha.cn 精品建站资源第一站,让建站变得更加容易!
业务咨询:78895949 联系电话:13402647354
  • 当前位置:
  • css小技巧汇总

    DIV+CSS教程2018年05月30日关键词:

    1、去除input记住密码后自动填充表单的黄色背景

    input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #FFF inset; }//其中#fff是背景颜色值

    2、IE8不支持opacity:0属性,可以加上下面属性:

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

    3、IE input 框去掉文本框的叉叉和密码输入框的眼睛图标:

    ::-ms-clear,::-ms-reveal{display:none;}

    4、textarea属性

    resize:none; //去除大小拖动outline:none; //去除黄色边框

    5、判断是否满足正则表达式要正确书写方式

    正则.test(要满足的那个val值)

    6、单行文本省略

    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

    7、当样式表里font-size 小于 12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用:

    html{-webkit-text-size-adjust:none;}

    8、解决xmp标签不自动换行:

    xmp { whitewhite-space: pre-wrap; /* css-3 */ whitewhite-space: -moz-pre-wrap; /* Mozilla, since 1999 */ whitewhite-space: -pre-wrap; /* Opera 4-6 */ whitewhite-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: pre-wrap; /* Firefox */}

    9、object高度为0不生效的解决方法

    在其外层添加一个div,让这个div的高度为0,或者font-size为0

    <div style="height:0"> <object object width="0" height="0" ></object></div>

    10、input框

    消除input的记忆功能:在input框里面加:autocomplete="off"input里面的内容防止复制:oncopy="return false;" oncut="return false;"input里面的内容取消粘贴:onpaste="return false"input里面的内容取消选取、防止复制 :<body onselectstart="return false">

    11、全屏遮罩代码段(fixed是相对视窗)

     <div class="mask"></div> .mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}

    12、display: none与visibility:hidden的区别:

    display: none; 不显示,不占据空间 visibility: hidden; 不显示,占据空间 

    以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家! 

    其他网友正在看:
    CSS margin全面了解

    一、margin可以为负值在盒模型中,内容区的width/height、padding、border都不能为负值,但是margin例外,它可以为负值。关于margin负值的使用技巧,了解不多,日后有机会再补充,此处先贴一个经典应用,margin-left负值结合浮动实现不改变DOM结构的流体布局。此demo与CSS f···

    2018-05-30关键词:

    CSS实现页面两列布局与三列布局的方法示例

    1. 使用BFC的原理实现BFC的规则之一,就是BFC区域,不会与float box重叠,因此我们可以利用这一点来实现3列布局。html代码如下XML/HTML Code复制内容到剪贴板<div class="left"></div>  <div class="right">&···

    2018-05-30关键词:

    纯CSS3代码实现switch滑动开关按钮效果

    html结构XML/HTML Code复制内容到剪贴板<div class="container">          <div class="bg_con">           &n···

    2018-05-30关键词:

    CSS中的指定值、初始值和计算值学习教程

    CSS 中的声明,由 CSS 的特性和值,中间以 ":" 隔开组成。我们可以使用 CSS 选择器,为选中的元素设置需要的样式。在介绍 CSS 的特性和值的时候,特地的提到了浏览器应该怎样处理错误的值 — 应该将包含错误值,不符合句法的值的声明直接忽略。然而有些浏览器却···

    2018-05-30关键词:

    CSS性能优化提高css性能的方法

    不规范的css会导致很多性能问题,这些问题可能在一些小的项目中不够明显,但是在大型项目中就会显现出来。css匹配原理在优化css之前我们需要了解下css是怎么进行工作的,我们都知道css是由选择器,属性和属性值构成的。我们可能会这样写上一行代码CSS Code复制内容到剪贴···

    2018-05-30关键词:

    前端制作动画的几种方式(css3,js)

    制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。1.css的transition。语法:transition: property duration timing-func···

    2018-05-30关键词: