css无法android 拖拽悬浮按钮按钮 怎么回事?

来源：蜘蛛抓取(WebSpider) 时间：2016-03-11 16:43 标签： ios 拖拽手势拖动按钮
现在前端开发
还是一点一点写html
css吗？看着一个网页那么多代码
那要写不少啊？有没有效率点的工具，可以快速做出想要的网页
比如dw那种能拖的？行业标准一般用什么方式，工具？
按投票排序
手写还是机写神马的不重要，最主要看团队与开发者追求的是什么了。如果追求效率无视性能和可维护性，使用工具自动生成代码也无可厚非，比如一次性开发复用性特别低的推广页。如果追求最佳体验、代码质量、性能和可维护性，推荐手写代码，可以做到冗余最少结构最清晰，但也不是所有的代码都要手写，很多编辑器都提供模板和代码提示功能，如zencoding。完全手写代码效率会非常低，比较好的方式是抽取形成统一规范，模块化和组件化，合理组织和引用以减少重复劳动。新手入门，推荐先手写代码，可以强化熟悉html,js,css语法和属性，一段时间后就可以借助机器和工具。
我希望有这样一个工具，脑子里想想网页长什么样子，电脑上就自动设计好并自动把代码写好。。。。
据我所知，做前端开发的都是手写html, css。相对于机器生成的代码，只信任自己写的代码。有代码洁癖的人应该都受不了dw等工具生成的代码。而且维护的时候会生不如死。用dw拖的一般不是前端开发，适合不会coding的人做一个能用的网页。
手写效率太低了 很难想象专业的前端开发每一行代码都手写 对于动态内容 这同时也是不可能的比较常见的方法会使用一些 template engine 或 改进的 markup language 如 slim[1], jade[2], haml[3]CSS 也有想 less[4], sass[5] 这样的优秀的开源项目(less 不仅提高开发效率 还为css引入了很多实用的功能 如变量, mixin, 逻辑判断等)使用这些工具 可以在保证精确地控制最终输出的代码的前提下提高开发效率dw这样封装过度的开发工具使得开发者丧失了对代码的控制 不论是逻辑结构 特殊标签属性 代码风格都无法左右 也很难做版本控制1. 2. 3. 4. 5.
初中的时候用frontpage和dreamweaver，现在一般都是手敲，各个平台都有很好的文本编辑器用于敲代码，代码高亮这些都会有。好一点的话，找个有自动完成的ide，敲起来方便些，我用的是phpstorm，代码是很多，不然你以为开发是个很简单的事情啊？
bootstrap不错啊，提供了可视化页面布局的功能，不过局部细节还是要自己去手工写
传说有一个神奇按钮，按一下全世界的工程就直接竣工了，接下来就是卷铺盖卷儿回家喝喝茶悠闲领工资。根本不必考虑维护的事儿，神奇按钮搞定了！唯一的问题只有一个：找到这个靠谱的神奇按钮。
O(∩_∩)O~，刚被人鄙视了，不知道dw是什么。一直手敲代码。其实是很早之前学过，以至于连他的名字都不记得了。
增强重用性自然就轻松一些，一是html的重用性，某些相同的结构可以重用，二是css的重用性，要理解class为什么叫class。我见过有人每个div都专门写css，那必须累死，还见过有人用dw拖，我让他把一个图片居中了，他直接用手拖到中间。。。生成的代码是margin-left： XXpx，顿时无语
用类似DW拖拽出来的代码冗长且低效，但凡懂html和css的设计人员，都情愿用手敲，毕竟这样更可靠。可是，连基本的html和css甚至javascript都看不懂的人做的工作真的能称之为前端开发么？
当然手写代码比较好，我一直在想，网页有上百个div，写起来很麻烦，大家有没有工具，比如 写div 三个字母，按一个快捷键，自动生成&div&&/div&，而且换好行了，我用的是notep++编辑器，谢了
已有帐号？
社交帐号登录
无法登录？
社交帐号登录脚本简介CSS3图片拖拽碰撞感应特效是一款基于HTML5+CSS3实现图片拖拽碰撞感应特效代码，点击开始按钮图片自由落体后可以拖动，拖拽图片时能积压和碰撞其他图片。
大小:252KB
特别说明：
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
极速下载支持各类多线程下载工具(迅雷)、浏览器(360浏览器)等，适合较大的文件下载！
其他普通下载点限制多线程，仅允许直接点击或另存为下载等单线程下载的软件，较适合小的文件下载！
如有侵犯您的版权，请及时联系(#换@)，我们将尽快处理。
可能感兴趣
& CopyRight , , Inc.All Rights Reserved.css去掉iPhone、iPad默认按钮样式
最近用写了个手机站，在测试的时候发现在苹果手机上的一个问题。所有的按钮都被了苹果自带的样式给替换了。效果如下：
但是正确的应该是酱紫滴！~
只要在样式里面加一句去掉去掉iPhone、iPad的默认按钮样式就可以了！~
input[type="button"], input[type="submit"], input[type="reset"]
-webkit-appearance:
textarea {& -webkit-appearance:
如果还有圆角的问题，
.button{ border-radius: 0;
我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式，如在Chorme浏览器下，文本框及下拉选择框当载入焦点时，都会出现发光的边框，并且在火狐及谷歌浏览器下，多行文本框textarea还可以自由拖拽拉大，另外还有在IE10下，当文本框输入内容后，在文本框的右侧会出现一个小叉叉，等等。不容置疑，这些效果是在用户体验上得到了提升，但有些时候我们并不需要这些默认的样式，那怎么办呢？下面我们就来分别看一下解决办法。
1、去除Chrome等浏览器文本框默认发光边框
input:focus, textarea:focus {
&&&&outline:&none;
去掉高光样式：
input:focus{
&&&&-webkit-tap-highlight-color:rgba(0,0,0,0);
&&&&-webkit-user-modify:read-write-plaintext-
当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，但我们可以重新根据自己的需要设置一下，如：
input:focus,textarea:focus {
&&&&outline:&none;
&&&&border:&1px&solid&#f60;
这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。
2、去除IE10+浏览器文本框后面的小叉叉
只需下面一句就ok了
input::-ms-clear {
&&&&display:&none;
3、禁止多行文本框textarea拖拽
这样按下面添加属性多行文本框就不能拖拽放大缩小了：
textarea {
&&&&resize:&none;
在这里要提到一个属性resize，这个是CSS3属性，用于元素缩放，它可以取以下几个值：
none 默认值
both 允许水平方向及垂直方向缩放
horizontal 只允许水平方向缩放
vertical 只允许垂直方向缩放
不仅可以针对textarea元素，对大多数元素都适用，如div等，在这里不一一列举，但与textarea不同的是，对div使用时需要加上一句overflow:
，也就是这样才有效果：
&&&&resize:&both;
&&&&overflow:&auto;
哦了，以上就是关于去除表单浏览器默认样式的一些内容。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。

我要回帖

更多关于 ios 拖拽手势拖动按钮 的文章

 

随机推荐