![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
lily2016n
人是铁,范是钢~ 一天不装憋的慌
展开
-
CSS Sprites
1,CSS Sprites原理: CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。利用CSS Sprites能很好地原创 2016-11-17 16:58:05 · 231 阅读 · 0 评论 -
移动端 h5开发遇到的问题总结
1、去掉 a,input 在移动端浏览器中的默认样式 ①禁止 a 标签背景 在移动端使用 a标签做按钮的时候,点按会出现一个“暗色”的背景,去掉该背景的方法如下a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色原创 2017-11-07 20:38:15 · 1630 阅读 · 0 评论 -
display的block,inline和inlinke-block细节对比
一般我们会用display:block,display:inline或者display:inline-block来调整元素的布局级别,其实display的参数远远不止这三种,仅仅是比较常用而已1、display:block block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素原创 2017-10-17 14:40:31 · 386 阅读 · 0 评论 -
深入理解:overflow:hidden——溢出,坍塌,清除浮动
深入理解:overflow:hidden——溢出,坍塌,清除浮动overflow:hidden是overflow属性的一个神奇用法,它可以帮助我们隐藏溢出的元素,清除浮动和解除坍塌。当某一个属性拥有这么多的功能时,难免使人难以把握,不过不要怕,只要信:看完这篇文章,我相信你绝对能对overflow:hidden的用法熟练掌握。下面的代码将作为基本演示代码,每次讲解一个新的作用,我们都要将代码恢复成下转载 2017-11-02 17:31:40 · 706 阅读 · 0 评论 -
解决移动端页面点击图标或按钮产生透明灰色背景
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}原创 2017-10-13 17:13:57 · 4230 阅读 · 1 评论 -
设置苹果手机button按钮颜色显示问题
在苹果手机上尽管设置了button的背景颜色,但在苹果手机上测试时仍会发现背景颜色为透明渐变色,怎么解决呢?在css公共样式中加上下面代码就可以解决,去除button系统默认appearance的样式,常用于IOS下移除原生样式input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -we原创 2017-10-13 16:28:38 · 2574 阅读 · 0 评论 -
在table tr td表格中让英文数字超出一定宽度换行的解决办法
<table border='1'> <tr> <td width="200" style="word-break:break-all;">111rrrrrrrrr111111111rrrrrrrrrrr</td> <td>333333333333333333333333333</td> </tr> </tabl原创 2017-10-30 14:19:08 · 4138 阅读 · 0 评论 -
word-break: break-all和word-wrap:break-word的区别
看下代码的区别就一目了然了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <div> <p style="background:blue; width:200px; color:#fff;word-break: break-原创 2017-10-30 11:59:37 · 495 阅读 · 0 评论 -
css3的keyframes无限旋转下去实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .ig{ -webkit-animation:circle 1.5s infinite linear; } @-webkit-keyfr原创 2017-09-22 14:08:34 · 5776 阅读 · 0 评论 -
CSS优先级算法的计算及其CSS3新增伪类
css优先级算法* 优先级就近原则,同权重情况下样式定义最近者为准;* 载入样式以最后载入的定位为准;优先级为: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中) !important > id > class > tag important 比 内联优先级高CSS3新增伪类p:first-of-type 选择属于其父元素的首个 <p>原创 2017-07-27 10:37:44 · 572 阅读 · 0 评论 -
css3实现switch开关按钮
纯css实现switch开关按钮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .mui-switch {width: 52px;height: 31px;position: rela原创 2017-03-29 15:22:39 · 4348 阅读 · 0 评论 -
css3 ::selection的用法(改变选中文本的背景颜色或者文本颜色)
定义和用法::selection 选择器匹配被用户选取的选取是部分。即对选中文本的操作。 只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。html lang="en">head> meta charset="UTF-8"> title>改变背景的颜色title> sty原创 2018-01-15 14:14:51 · 5571 阅读 · 0 评论