作者iamnodoubt ( )
看板Web_Design
标题Re: [问题] Google Web Designer 新手问题
时间Mon Oct 19 20:53:15 2015
※ 引述《yhn0tgb60 (呦厚厚)》之铭言:
: 我是个 html 和 javascript的新手
: 最近因为在学英文 想做个工具给自己用
: 觉得html很方便 只要能开游览器就可以执行 加上我要写的功能没有很难
: 所以我就写html
: 我编辑工具是用 Google Web Designer 会用他的原因是因为免费
刚刚去看一下程式码..好脏
就去装个sublime来练..也不用钱
: 不过其实网路上的资讯很少....
: 我目前遇到了几个问题
: 1. 我在按钮上有设定文字 例如按钮上有字 "Next"
: 我希望按钮的字是不能选的 我有试着加入
: -moz-user-select: none;
: -khtml-user-select: none;
: user-select: none;
: 不过没有用
看起来应该是prefix打错了
https://css-tricks.com/almanac/properties/u/user-select/
: 2. 我想做一个可输入文字的栏位
: 但是 Google Web Designer 似乎没有内建这个元件
: 所以我直接在 程式码中加了 textarea 的元件
: 但这有个问题 就是对位怪怪的 座标和size 会跑掉
: 在编辑器中看到的和浏览器中看到的不同 而且不同浏览器看到的也有落差
: 後来我把一个div 改成 input 解决了这个问题
: 可以输入文字 而且位置和size 都是正确的
: 但是 属性会没功能
: 本来文字栏位 我有设定自动换行 overflow: auto;
: 但是我从 div 改成 input 後 就不会自动换行了
: 不知道怎麽处理这问题
浏览器看到的不一样的问题
你要在前面加上reset.css或是normalize.css
自己google关键字
编辑器跟broswer看起来不一样
结论就是..早点脱离wysiwyg编辑器
就早点脱离苦海
你想要预览就用chrome
然後去学一下开发者工具怎麽用
以前上课老师不会教
看书也没讲
但是这东西 很重要 很重要 很重要
: 3. 我想做个下拉式选单
: 不过我在 Google Web Desginer 中没有到这元件
: 这应该是很基本的吧 = =
: 还是网路上有没有现成的元件包可以下载啊?
: 第一次接触 问题很多 请大家多多指教!!!
你讲的是下面这个?
没有js的版本
http://jsbin.com/jahinoyehi/edit?html,css,output
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 175.182.168.58
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1445259206.A.F67.html
1F:推 yhn0tgb60: 感谢 10/20 09:02