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 · 255 阅读 · 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 · 1682 阅读 · 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 · 416 阅读 · 0 评论 -
深入理解：overflow:hidden——溢出,坍塌,清除浮动
深入理解：overflow:hidden——溢出,坍塌,清除浮动overflow：hidden是overflow属性的一个神奇用法，它可以帮助我们隐藏溢出的元素，清除浮动和解除坍塌。当某一个属性拥有这么多的功能时，难免使人难以把握，不过不要怕，只要信：看完这篇文章，我相信你绝对能对overflow:hidden的用法熟练掌握。下面的代码将作为基本演示代码，每次讲解一个新的作用，我们都要将代码恢复成下转载 2017-11-02 17:31:40 · 789 阅读 · 0 评论 -
解决移动端页面点击图标或按钮产生透明灰色背景
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}原创 2017-10-13 17:13:57 · 4303 阅读 · 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 · 2699 阅读 · 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 · 4226 阅读 · 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 · 537 阅读 · 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 · 5857 阅读 · 0 评论 -
CSS优先级算法的计算及其CSS3新增伪类
css优先级算法* 优先级就近原则，同权重情况下样式定义最近者为准;* 载入样式以最后载入的定位为准;优先级为: 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中） !important > id > class > tag important 比 内联优先级高CSS3新增伪类p:first-of-type 选择属于其父元素的首个 <p>原创 2017-07-27 10:37:44 · 615 阅读 · 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 · 4413 阅读 · 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 · 5686 阅读 · 0 评论