css3 小记 - 随笔分类(第2页) - 半夏微澜ぺ

css3 实现png图片改变背景颜色

摘要：实际上是用的是就是css的filter的drop-shadow属性 drop-shadow: 1 不支持内阴影 2 不支持多阴影 3 兼容性 ie13+ 谷歌火狐 android4.4+ ios 4 实现的是正真意义上的投影。对于非透明的部分都会有投影，表现形式与box-shdow不一样，透明的部阅读全文

posted @ 2016-12-06 17:41 半夏微澜ぺ阅读(31952) 评论(0) 推荐(0)

css3 appearance 改变元素外观

摘要：h5 input标签的默认样式去除：去掉date类型<input>框的叉叉： ::-webkit-clear-button { -webkit-appearance: none; } 去掉number类型<input>框的上下箭头： ::-webkit-inner-spin-button { -w 阅读全文

posted @ 2016-12-06 15:06 半夏微澜ぺ阅读(252) 评论(0) 推荐(0)

css3-----calc()

摘要：什么是calc()? 学习calc()之前，我们有必要先知道calc()是什么？只有知道了他是个什么东东？在实际运用中更好的使用他。 calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。阅读全文

posted @ 2016-12-02 18:06 半夏微澜ぺ阅读(251) 评论(0) 推荐(0)

当把链接保存到手机桌面。设置图标只在safari浏览器中有用

摘要：这个属性是当用户把连接保存到手机桌面时使用的图标，如果不设置，则会用网页的截图。有了这，就可以让你的网页像APP一样存在手机里了在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签，如果设置了相应阅读全文

posted @ 2016-11-16 10:22 半夏微澜ぺ阅读(3920) 评论(0) 推荐(0)

-webkit-tap-highlight-color

摘要：表单元素（input, textarea, button, a）在手机中点击时会出现边框: webkit浏览器单击事件高亮颜色该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见（-webkit-t 阅读全文

posted @ 2016-11-16 10:13 半夏微澜ぺ阅读(307) 评论(0) 推荐(0)

font-family

摘要：对于网站字体设置：移动端项目：font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self; pc端(含Mac)项目：font-family:Taho 阅读全文

posted @ 2016-11-15 17:17 半夏微澜ぺ阅读(588) 评论(0) 推荐(0)

移动web开发------公用css----自己总结

摘要：@charset "utf-8"; html, body { background: #fff; color: #505050; font-size: 10px; -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: non... 阅读全文

posted @ 2016-11-15 17:13 半夏微澜ぺ阅读(222) 评论(0) 推荐(0)

-webkit-text-size-adjust 处理设置字体<12px

摘要：-webkit-text-size-adjust 1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用 html{-webkit-text-size-adjust:none;} 2、-webkit-text-size-adjust放在body上会导阅读全文

posted @ 2016-11-15 17:05 半夏微澜ぺ阅读(250) 评论(0) 推荐(0)

定义元素透明度--兼容处理

摘要：filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* FireFox old version*/ -khtml-opacity: 0.5; /* Sarfari old version */ opacity: 0.5; /* FireFox */ 阅读全文

posted @ 2016-11-15 17:02 半夏微澜ぺ阅读(124) 评论(0) 推荐(0)

当你触摸并按住触摸目标时候，禁止系统默认菜单-webkit-touch-call

摘要：当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。 -webkit-touch-callout 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的阅读全文

posted @ 2016-11-15 17:00 半夏微澜ぺ阅读(640) 评论(0) 推荐(0)

禁用选择文本功能user-select

摘要：有时候，我们为了用户体验，需要禁用选择文本功能。这需要用到一个CSS属性：user-select，user-select的文档点这里 user-select有两个值：none：用户不能选择文本text：用户可以选择文本需要注意的是：user-select并不是一个W3C的CSS标准属性，浏览器支阅读全文

posted @ 2016-11-15 16:57 半夏微澜ぺ阅读(436) 评论(0) 推荐(0)

随笔分类 - css3 小记