本周结束了大众点评的制做,主要是一个不断熟悉的过程,中间遇到的许多问题以前都经遇到过而且合理解决,准备进入下一阶段学习,这篇博客主要是整理了一下制做过程当中的思考css
思考感悟
- 学同样东西,要勇于犯错而且尽可能作到不贰过
- 应用性强,练了才能有收获
- 碰见问题的解决思路:是否保存->文件名->浏览器选择->控制台
- 注意注释与格式
- 多思考,多积累
-
从不一样的角度思考问题,好比:git
- 在用盒子模型的时候盒子模型的位置,既能够直接调整盒子的位置,也能够改变盒子以外的盒子的属性,还能够改变盒子内部的属性
- 排版的时候不要局限于列与行的固定形式,灵活一点
- 灵活的前提是遵照container还有row等的格式,具体目标参见“从心所欲不逾矩”
- 多练就完了(这不是须要天分的东西,不会的就练就能学会)
- 开始学的时候,看到别人很简单的操做本身却长时间学不会,很正常,一步一步来。不要跳过步骤
HTML
- 一项基本的语法,很重要,属于基础
- 学习的时候我认为的最简单的办法就是看一步练一步
- 有一种成对的思想,成块的概念,添加属性的思惟,灵活应对的愉悦
-
在写轮播图的时候发现了<article>标签,虽然最终的效果并无用article实现,可是了解到了一些知识点github
- 咱们理解<article>的方法与<div>相似,同理的还有<section>
- <div>做为布局以及样式化的使用,自己无任何意义
- <section>表示节,通常具备标题,主题性的内容,适用
- article表示独立的自包含内容,表明一个独立的、完整的相关内容块。如:一篇文章。文章中可包含标题、内容、脚注。
- 推荐按照具体的内容分配来写,能够方便整理思路
- <article> 标签订义独立的内容。
- <article> 标签订义的内容自己必须是有意义的且必须是独立于文档的其他部分。
-
内联SVG(可伸缩矢量图形 Scalable Vector Graphics)bootstrap
- SVG是矢量图,咱们能够引用它来添加图片
- 咱们能够在网上找URL进行直接引用
- 使用方法与图片同样用img标签
- 不会随着图片的分辨率而改变,放大不少倍以后依然是成形图形(对比位图图像,由点像素组成放大不少以后就会出现细细的像素颗粒)
- 由函数肯定,所以致使了上面的4
Bootstrap
- container的使用要广泛与灵活(在一个想要使用bootstrap的文档里面,必需要引用)
-
对于bootstrap 的引用格式要规范,包括头文件的引用,具体框架的复制粘贴也要一点不差segmentfault
- 遇到过不一样版本的bootstrap引用不一样,致使效果消失
- 引用的头文件不足致使没法实现效果
- 由于对于js的了解不足,因此咱们要严格遵照框架的语法
- 对于框架的操做,屡次尝试就能实现效果
- 咱们须要的是用这个而不是学这个,因此只有了解他的功能才能灵活的运用它
- 效果实现不了的时候,浏览器的问题也占很大一部分,推荐火狐、谷歌换着验证
Css
- 把属性的想法理解透,学习css就是为了按照需求给元素添加属性
- 背景的使用就用手电筒去照一面墙上的图画,照到的地方就是咱们须要表现出来的地方


- css最重要的就是盒子模型,要不断地去学习掌握(灵活运用的效果很好玩)
版权声明
本文保留全部权利,版权归河北工业大学梦云智软件开发团队全部。未经团队及做者事先书面赞成,您不得以任何方式将本文内容进行商业性使用或经过信息网络传播本文内容。本文做者:温宇航浏览器