作为坛子里的老人(一天到晚混脸熟)小学生(技术水平太低咯)经常参加活动和测评是,学习的好方法,不仅能够去见识体验新鲜知识,还能在动手过程中发现很多书本上没有的知识,在此不得不吹一波坛子咯。脑动心动都不如行动,加入坛子去问大牛老师才能学的更快呀。
言归正传,这期我是来和大家分享一点点关于html的小技巧的,主要是填写测评时的有感而发,但是这个技术不仅仅是在论坛起作用,技术可是相同的,放之四海而皆准哟。
HTML就是我们的网页,我们看到花里胡哨各种图都是浏览器帮我们渲染而来的,之前的就是服务器把HTML+CSS一股脑丢过来,我们本地浏览器接收到就可以渲染了,现在新的有些是Vue一些js脚本生成的,很多瀑布流啊反爬啊都是技术的更新迭代,感兴趣的小伙伴自行了解,我不是很懂就不多露怯了。
那么我们在EEWorld填写测评申请时候,发现创意简介的edit文本框太窄了,对于想要多叙述并且前期构思好的坛友们,似乎不是那么友好,尤其是在碰见好东西测评时,一两句话的介绍和理由很难说清楚,分条目多角度叙述能更好的讲明测评的方方面面,但是两行编写框着实不方便呀。
那么邮件查看网页源文件或者按F12可以打开调试器部分就能看到网页的部分代码
1.点选捕获器鼠标在网页上就可以捕获各种element了
2.选中我们想要更改的form-text
3.此时左键单击,右边的Elements选项卡就会对于该元素进行相应,我们可以看到这一块是一个大的div包裹着里面的文本框,而且为了好看,程序员小哥哥还设计了padding,让左右的字和文本框边缘有些距离就十分美观。
4.分析下构造,右上角的computed选项卡里会有按照设计好的style生成的各个元素的位置排布,大家可以看到箭头指示的就是那些元素对应的值,一般用px就是像素的意思。
5.左边就是我们要修改的部分,这里面有两个需要修改的地方,一个是label 80px的高度还有里面的textarea高度为60px。
6.在这里我们可以直接对右边的F12进行修改,把箭头里面的值改大一些,不宜太大超过屏幕就看的不爽了,切记一点不要刷新不要刷新,因为浏览器加载完数据基本就是缓存在本地了,js加载完如果没有特殊的也基本不动了。所以我们可以自己修改来修改去,但是你一刷新就从服务器重新请求了,啥都没了。
最后我在提交一个测评申请时,写的就十分舒服了