css 禁用移动端部分特性

禁止复制黏贴功能 .oncopy{ -webkit-user-select: none; } 禁止点击之后修改背景颜色 -webkit-tap-highlight-color: rgba(0,0,0,0); 禁止点击一个链接,弹出询问框 -webkit-touch-callout: none;…

纯CSS实现移动端常见布局--高度和宽度挂钩的秘密不踩坑不回头.之前我在一个项目中大量使用css3的calc计算属性.写代码的时候真心不要太爽啊-可是在项目上线之后,才让我崩溃了,原因非常easy,在低于安卓4.4的版本号的手机上,自带的浏览器是不支持这个属性的. 好吧,这还不时最坑爹的,在国产的猎豹浏览器以及其它一些浏览器里面,有可能也不支持.总而言之,这个坑踩大了.只是没关系,大部分的常见布局问题,我都能解决掉.可是,以下这个-.我真心有点费解.只是,没关系,通过我的研究,终于还是非常快用…

css禁用鼠标点击事件

css禁用鼠标点击事件 .disabled { pointer-events: none; } <div class="main-container disabled"> 禁用所有该元素下的鼠标点击事件…

(2)css的复合选择器与特性

css的复合选择器与特性在本篇学习资料中,将深入了解css的相关概念,上一篇介绍的3种基本选择器的基础上,学习3种由基本选择器复合构成的选择器,然后再介绍css的两个重要的特性. 1.复合选择器复合选择器就是两个或多个基本选择器,通过不同的方式连接成的选择器. 复合选择器的三种类型:交集选择器.并集选择器.后代选择器. (1)交集选择器 “交集”复合选择器由两个选择器直接连接构成:其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器:这两个选择器之间不能有空格. 例如:下图声明了…

HTML+css基础 css的几种形式 css选择器的两大特性

3.外联样式 css选择器的两大特性 1.继承性:所有跟文本字体有关的属性都会被子元素继承.且权重是0000. 2.层叠性:就是解决选择器权重大小的一种能力,就是看那个选择器的权重大.谁的权重大听谁的.0010相当于255个0001.…

css设置移动端checkbox和radio样式

复选框Checkbox是Web应用常用控件,随处可见,原生的复选框控件一般就像下面这样: 这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式.以往只有少数浏览器才支持对这类控件应用样式,比如拿到这样一张设计图: blue.png 在过去,想要通过简单地修改样式达成这种设计效果根本不行,不过,现在借助强大的CSS3属性appearance可以对该类控件有空前的样式控制能力: input[type="checkbox"] { -webkit-app…

纯css实现移动端横向滑动列表&&overflow:atuo;隐藏滚动条

<!DOCTYPE html> <html> <head> <title>横向滑动</title> <style type="text/css"> .slide-box{ margin-top: 200px; display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling:touch; } .slide-item{ width: 200px;…

css之float(浮动)的特性

详解CSS float属性 float本身不脱离文档流,但是和 position:absolute;搭配使用会脱离文档流阅读目录基础知识 float的详细细节 float特殊情况 clear属性清除浮动 float的应用总结 CSS中的float属性是一个频繁用到的属性,对于初学者来说,如果没有理解好浮动的意义和表现出来的特性,在使用的使用很容易陷入困惑,云里雾里,搞不清楚状态.本文将从最基本的知识开始说起,谈谈关于浮动的应用,出现的问题和解决方案. 回到顶部基础知识 float,顾…

CSS系列：CSS的继承与层叠特性

1. CSS的继承特性所有的CSS语句都是基于各个标记直接的继承关系,CSS继承是指子标记会继承父标记的所有样式风格,并可以再父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式完全不会影响父标记. CSS的继承贯穿整个CSS设计的始终,每个标记都遵循着CSS继承的概念. 示例: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css&qu…

dataURI V.S. CSS Sprites 移动端

英文原文:http://www.mobify.com/blog/css-sprites-vs-data-uris-which-is-faster-on-mobile/ 中文翻译:http://www.csdn.net/article/2013-09-25/2816925-CSS-Sprites-vs.-Data-URIs:-Which-is-Faster-on-Mobile 上文对dataURI 与 CSS Sprites的性能进行了详细的对比与阐述. 根据上文的测试结果,在移动端,需要强调如下…