QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们
栏目推荐

css基础

  • 最新 修改placeholder颜色的方法

    input::-webkit-input-placeholder{ *WebKitbrowsers* color:white;}input:-moz-placeholder{ *MozillaFirefox4to18* color:white;}input::-moz-placeholder{ *MozillaFirefox19+* color:white;}input:-ms-input-placeholder{ *InternetExplorer10+* color:white;}...

    2022-09-21    944次    0
  • 纯CSS美化radio和checkbox

    通过CSS3来实现将radio和checkbox美化的效果。可是兼容性并非非常好,PC端仅仅支持chrome浏览器(IE和Firefox測试不行,其它没有很多其它測试)。然后微信端和QQ端訪问也是正常。因为LZ所做的功能正好仅仅须要在微信端展示,所以并未深入研究。当然,尽管说不能兼容,可是对于为什么 ...

    2022-09-09    561次    0
  • input disable属性下面 文本框或者按钮的颜色(对IOS兼容处理)

    有些时候我们在处理input时会禁用,但在ios系统下禁用的input标签会变色,如何处理呢,只需要你加上这段css,在修改color即可。input:disabled,input[disabled]{color:red;-webkit-text-fill-color:red;-webkit-opacity:1;opacity:1;}...

    2020-03-25    1056次    0
  • CSS3 ------- object-fit属性

    做项目经常会遇到图片列表展示,图片一般是用户从后台上传的,上传的图片尺寸千差万别。如果前端不控制图片大小,整个排版就会很乱,如果给定长宽,图片又会变形,用背景图片来处理有特别麻烦。这个问题一直苦恼了我好久,最近终于找到解决办法了。css有一个object-fit属性,用来指定 ...

    2019-07-09    486次    0
  • 苹果浏览器点击链接或绑定click按钮会出现一个半透明的灰色背景解决方案

    html*{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}设置这个,页面默认的 元素点击后的边效果 为0,webkit 内核的字体大小不自动适配。最后一个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时 ...

    2017-09-26    158次    0
  • css设置各种中文字体如雅黑、黑体、宋体、楷体等等

    由于css调用字体的时候,不支持中文写法,所以需要改成对应的英文写法!代码如下: selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }说明:加上中文名微软雅黑是为了兼容opera。MicrosoftJhengHei为微软正黑体,STHeiti为华文黑 ...

    2017-04-26    170次    0
  • css3非常实用的transform小属性

    在写页面切图的时候,有时候需要一些设计师需要简单的小效果,比如鼠标滑过,光圈转动或者图片翻转之类的效果,这些简单的小效果不值得去动用插件或者jq去写的,在css3中提供这样的方法,直接可以在css中操作这些小效果。效果一:360°旋转 修改rotate(旋转度数)transform:rotate( ...

    2017-03-05    174次    0
  • 推荐 站长总结的十个常用但是有可能记不住的css

    1、圆角-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;behavior:url(border-radius htc);2、透明度opacity:0 85; -ms-filter:"progid:DXImageTransform Microsoft Alpha(Opacity=85)"; * ie8 * filter:alpha(opacity=85); * ie5-7 * -moz-op ...

    2016-08-28    199次    0
  • 详解CSS3中@media的实际使用

    如今,电脑显示器的屏幕分辨率向越来越大发展,而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站,开始让自己的页面自适合各种分辨率,在小分辨率下显示基本的内容,在大分辨率下显示全部功能,甚至是分多等级的多版本。作为web前端开发人员需要知道并且会用这种知识 ...

    2016-08-24    161次    0
  • CSS的单位及css3的calc()及line-height百分比

    单位介绍说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了。然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem、vw和vh、vmin和vmax ...

    2015-11-23    131次    0
  • ie下input与button按钮背景图失效不显示的解决办法

    笔者从事网页前端代码页面工程师已有多年,作为一个网页重构人员常常会遇到一些莫名其妙的DIV+CSS(正确的说法是XHTML+CSS)在IE、FireFox火狐、 谷歌浏览器CHROME、苹果浏览器Safari、Opera下不兼容的问题,其中IE6最为棘手,历来IE6就被诸位前端代码人员所诅咒,无奈其用户在中国 ...

    2015-09-28    242次    0
  • css常用的一些技巧

    一 使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二 明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位, ...

    2015-07-20    167次    0
  • CSS十问——好奇心+刨根问底=CSSer

    原文出处: 一个小学生 欢迎分享原创到伯乐头条最近有时间,想把酝酿的几篇博客都写出来,今天前端小学生带着10个问题,跟大家分享一下学习CSS的一些体会,我觉得想学好CSS,必须保持一颗好奇心和刨根问底的劲头,而不是复制粘贴,得过且过。本人能力有限,这篇文章从构思加完成用 ...

    2015-07-05    121次    0
  • 区别不同浏览器的CSS hack写法

    区别IE6与FF: background:orange;*background:blue;区别IE6与IE7: background:green !important;background:blue;区别IE7与FF: background:orange; *background:green;区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue;注:IE都能 ...

    2015-04-01    137次    0
  • 高端企业网站下拉导航条

    高端企业网站下拉导航条jQuery代码,红色大气,下拉菜单无限增加二级栏目。使用方法1、在head引入下面的代码:<scripttype="text javascript"src="http: www 5imoban net download jquery jquery-1 4 2 min js">< script><scripttype="text javascript">$(function(){$("dl") hide() ...

    2015-01-27    125次    0
  • 自动换行 word-break:break-all和word-wrap:break-word

    word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulati ...

    2014-05-05    180次    0
  • 几个解决兼容IE678不支持html5标签的几个方法

    HTML5 ">html5大行其道的时代已经到来。如果你还在等待浏览器兼容,说明你已经与web脱节几条街了。当然,这得益于移动客户端的蓬勃发展。如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!因为前端的春天已经到来,而且不止一个春天。如果你不 ...

    2013-12-04    112次    0
  • 什么是DIV+CSS标准_什么是web标准?

    WEB标准,即网站标准。目前通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言,WEB标准中典型的应用模式是"div+css",一定程度上说web标准即我们认为的div+css标准化。这里div+css网站将介绍web标准的需要注意地方,让你了解开发网页时候应该多多考虑W3C标准,及ht ...

    2013-10-09    165次    0
  • 什么是css hack ? css hack是什么?

    什么是css hack ? css hack是什么? 简单地讲,css hack指各版本及各品牌浏览器之间对CSS解释后出现网页内容的兼容bug误差(比如我们常说错位)的处理。 由于各浏览器的内核不同,所以会造成一些误差就像JS一样,一个JS网页特效,在微软IE6、IE7、IE8浏览器有效果,但可能在火 ...

    2013-09-24    130次    0
  • HTML之Position用法

    position的四个属性值:1 relative2 absolute3 fixed4 static下面分别讲述这四个属性。<div id="parent"><div id="sub1">sub1< id><div id="sub2">sub2< id>< div>1 relativerelative属性相对比较简单,我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。在上面的代 ...

    2013-09-22    114次    0

添加微信好友

添加微信好友

微信小程序

百度小程序