两千人站长交流群: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实现鼠标滑过鼠标点击代码写法

    鼠标滑过元素,使得元素的样式发生改变我们定义一个按钮标签复制代码代码如下:<button class=”px-button”>BUTTON</button>我们首先设置按钮的背景颜色为灰色:复制代码代码如下:.px-button{background-color: grey;}我们要使得鼠标滑过···

    2018-05-30关键词:

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

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

    2018-05-30关键词:

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

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

    2018-05-30关键词:

    CSS margin全面了解

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

    2018-05-30关键词:

    10个CSS简写/优化技巧整理

    CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。 下面介绍常见的CSS简写规则: 一、盒子大小 这里主要用于两个属性:margin和padding,我们以margin为例,paddin···

    2018-05-30关键词:

    DIV始终浮动在页面底部

    废话不多说了,下面小编给大家分享下实现代码,具体代码如下所示:CSS Code复制内容到剪贴板<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition···

    2018-05-30关键词: