黑马程序员技术交流社区

标题: 且随疾风前行 [打印本页]

---

作者: Mr_Ling    时间: 2019-4-23 14:33
标题: 且随疾风前行


学习前端的路程。我学习前端真心是坎坷，先是莫名其妙的学习了一些html，css的知识，莫名其妙的做了一些惨不忍睹的小demo，然后又莫名其妙的帮着老师做了一些前端的页面。整个过程一脸懵逼。有时候就算自己写出来的效果，完全不知道是怎么写出来的。后来慢慢的去仿写一些网站，然后就懂了一些套路。
关于标签：常见的标签记一下，a、p、span、h1-h6、div、ul、li、img、ol、dl、dd、dt、input、button等等。然后需要记住哪些是行内标签，哪些是块级标签。常见的行内标签有：a、span、i、s、b、strong、img、input、select等。常见的块级标签有：div、h1-h6、ul、li、ol、dl、dd、dt等。然后记住两点：1、行内标签可以并排放置，设置的width和height无效，margin和padding也无效，可以通过改变display样式为block来实现转换成块级元素。2、块级元素独占一行，如果需要让块级元素并排，那么可以使用float浮动或者让块级元素的display设置为inline-block。
关于css样式：css样式要说的东西实在太多了。我挑重点的说一下，div布局中的margin、padding等要计算好，然后就是float浮动布局，然后就是定位，通过这些可以确定div之间的关系，用到的套路就是那些，子绝父相，居中的margin 0 auto，然后就是定位的left 50% + margin -（width / 2）这样的套路。然后字体方面就是font相关的属性，font-family，font-size，font-weight，color 等属性，然后还有一些背景相关的东西，background-color，background-size，background-position 等。边框 border：1px solid #cc 之类的样式。实在太多套路了，有时间再具体总结。另外，就是看了10个网页发现，WEB前端开发特别神奇、非常的酷炫、是如何实现的，也非常的好奇！希望，自己也能做出那样效果的网页，是我期待的。
我一定要成为一名合格的web前端开发工程师，和黑马坚持到底

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2