曹え 5811 发布于：2019-03-11 12:57:11
1、前端是一个比较朝阳的热门的行业和岗位
2、前端包含3个语言：css/html/javascript ，所有产品前端都基于这三个基础语言实现的（衍生出来比较多的框架如js框架如：jQuery，vue。css/html框架如：bootstarp,weui,mui等）
3、前端主要工作是把设计图转换为代码写网页
4、前端技术也可以做微信H5、微信小程序、APP混合开发
5、前端是一种把设计师做的设计图变为真正可以使用的互联网产品（包含移动端、PC端等）
6、前端的用途非常广泛也非常的兼容性可以在手机、电脑、笔记本、平板电脑、电视等带屏幕的设备上的软件和应用开发
7、前端目前也从事后端数据联调的工具，后端程序员提供数据接口，前端工程师调取接口数据以实现产品的功能上线
下面是我们最重要的一些HTML标签和CSS属性，把下面的这些弄懂就可以做大部分项目了。
HTML
| 标签 | 说明 | 例子 |
| div | 布局 | |
| ul li | 列表，导航，菜单 | |
| p | 文本段落 | |
| img | 图片 | |
| a | 链接 | |
| span em | 小文本 | |
| from input | 表单，文本框 | |
| dl dt dd | 模块 列表 | |
CSS
| float | 浮动 | |
| width height | 宽度，高度 | |
| padding margin | 内间距，外间距 | |
| color font-size | 字体颜色，大小 | |
| background | 背景 | |
| position | 定位 | |
| display | 元素 | |
| overflow | 超出隐藏，清理浮动 | |
| 知识点 | 正确 | 错误 | |
|---|---|---|---|
| 1 | 作业目录和文件夹名字要规范，了解cui.css 的作用，作业文件名命名 | ||
| 2 | 标签规范要了解，知道 .wp 的功能和作用，列表使用ul,布局使用div | ||
| 3 | 理解模块化思路，定义css的时候，一定要用父级的独立模块名去定义模块里面的标签 | .m-news .pic{} | .pic{} |
| 4 | 不要用布局名.wp,.col-.row- 此类名字不开定义样式，不能当做模块名开头，只能作为布局使用 | .m-news {} .ul-pro .pic {} .m-case ul li {} | .wp .m-news{} .wp .pic {} .col-r ul li {} |
| 5 | 不理解HTML怎么写的，可以直接参考pdf标准模块手册 照抄 | ||
| 6 | 了解.on 这个名字的使用位置 | <li class="on"><a href="">关于我们</a></li> | <li><a href="" class="on">关于我们</a></li> |
| 7 | 理解共用模块名和自定义模块名的区别，自定义模块名一定要加前缀，.m- , ul列表类加 .ul- ，非模块类的 .g- | ||
| 8 | css的书写顺序，由外到内，由上到下 | .ul-news li {} .ul-news li a {} | .ul-news li a {} .ul-news li {} |
| 9 | 做的模块一定要和效果图对照一致 | ||
| 10 | 学会使用emmet |
登录后可以留言提问！
微信扫码登录
