打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
随笔:对学习HTML CSS的一点小心得

首先,当然是要先感谢下公司(北风)的栽培与机会,给了我很好的学习平台。

说真的,虽然说大学的专业是计算机信息管理,java、asp.net、网页设计、sql server、erp、ps、php...说出去,哇~ 你会的真多!我只是笑而不语,大学嘛,对于我这种渣渣其实就是混混日子的,没给他天天逃课算好学生了,唯一能拿得出手的也就一张网页设计高级证了,但是呢网页设计是啥,他利用的其实是DW里的设计功能,拖入各种控件,表格去搞的,考试的时候真的只要一涉及代码部分直接放弃掉?(? ?·?ω?·? ?)?。

其实,当我知道我考出这张证的时候我觉得我牛逼坏了,所以当经理主管说要给我个培养机会让我自己选择专业去学习的时候,再参考他们的意见,我选择H5,毕竟我也是有高级证的不是。结果刚学我就懵了,啥高级证啊,毛毛都么用,low爆了。所以其实到现在我都没去学校把证拿回来,噗噗,废话有点多哦,那下面说下从我学习前端到现在的一个心得:

学H5都得先学HTML+CSS,纯代码,根本用不到DW的设计功能,其实就是一零基础小白从html第一个标签开始学起,跟着学习视频里的老师一个一个的手敲,然后再一个一个的做笔记( 光一个html+css就满满写了一本),老师讲的感觉我不是很明白的,就去找度娘搜(真的是认真坏了哈哈哈),但是呢,光学完标签 属性,我发现,单独的你让我看,我晓得这啥意思的呀,但是你让我写,真心无从下手,我该用哪个标签,我该用哪个属性,OMG 杀了我得了。然后就这么一直耗着,一直到公司有个h5的讲师培训班,领导给我开了个后门让我进去一起听,然后不得了了,先做了一个简单的静态,这是我自己第一次纯代码去写一个较为完整的页面,我以为我会被直接刷下来,垫个底,结果我一边度娘,一边写,虽然标签上还是用的比较乱,但好歹是做出来了,而且分数在中等,我的天,顿时自信心满满。

然后呢,结束的时候对于html+css有个测验,也是做一个静态,但更完整和 复杂,还有时间规定(这时候关系户的好处就体现出来了,我没时间 哈哈哈)人家半天做出来的,我硬生生憋了三天,虽然时间长了点,但是呢标签,属性,写法,规范,组合老师也说我也得很棒呢,成就感真的是不可言喻。

废话好像有点多,其实写html网页有几个点(纯属自己总结):

  1. 学会找度娘

  2. 知道网页其实都是一个个的盒子组合,学会分大区域(头、身、尾),然后在大区域里放各种小盒子

  3. 要知道千万不要给整体的大盒子定宽度,比如头部+一个logo,整体我给个高度就好,宽度让其自动,中间再放logo部分给宽度,这么做是为了不让网页在分辨率不同的屏幕上出现横向滚动,因为you know 全世界不是只有你一台电脑

  4. 接第三点要知道大部分的网页其实真正要写的内容只有中间这一块,所以margin:0 auto要随手用起来


  5. 最最重要的一点就是一定要学会在浏览器上调试,快捷F12,特别是当你出现横向滚动的时候,我会选择在上边先把所有标签的宽度先禁用,然后在一个个的看,还有当你发现你的样式没按照自己的想法来实现的时候,一定要点到所在标签看样式是不是应用上了,还有还有,定位啊,内外边距啊,宽高都是调调调调。繁琐是繁琐了点,但比在编辑器上一边改再保存再改简单。

  6. 还有就是浮动,有的时候属性没错呀,也写到标签里去了呀,但他怎么就不出来呢,原因可能就在于你没清浮动

  7. 当然啦,光说不练假把式,多做才是真

以上则是我的一个小心得,厉害了,我竟然写了辣么多,以后还会补充的

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
网页制作教程网页制作是一种创建和设计网页的过程。网页制作教程的一些要点
绝佳用户体验:构建响应式网页设计的关键原则
三步完成自适应网页设计
设计学院-什么是CSS+DIV及其优势所在?
网页设计基础模拟试卷
网页设计必知:什么是CSS?它的能做些什么?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服