1。前端工具(dreamwear /崇高/文字编辑器/ SVN)
2。从零开始的条目(html css)
前端开发概述、代码介绍
页面的基本结构文档声明编码声明css语法风格属性链接和样式标签id属性基本风格边境背景字体框模型、文本设置…常用标签集合标题如何推广论坛框模型、文本设置…常用标签集合标题文章放在一边部分页脚导航h1-h6 p ul ol李img、dl、dt弟弟……绝对路径相对路径标签语义标签嵌套规范SEO……
通用选择器和标签类型划分
d类类型选择包括选择、群体选择通配符选择优先级、标签样式初始化定制方案超链接和伪类标签类型划分和功能内联inline-block块……
浮动先进
浮动的角色浮动的特点文档流各种问题的浮动清晰黄东海(块级格式化上下文)条件触发黄东海Haslayout Haslayout触发条件……
相对定位相对定位绝对绝对定位绝对绝对定位固定固定定位继承遗产静态静态定位默认值zIndex水平问题负利润透明……表和形式
表标签、表格样式重置细胞融合表单元素与表单相关的属性操作初步形成默认风格……
兼容性问题处理兼容性问题总结漂浮在IE6 7下的各种问题后形成的低版本的问题即处理低版本的IE的支持新标签CssHack条件注释语句PNG问题、透明度问题、固定定位在低版本的IE…整个网站是高级
风格规划图标Css精灵数据URI隐藏元素测试工具的使用推拉门外形布局三列布局未知的宽度和高度图像为中心的横向和纵向的容器和文本集中横向和纵向。多行文本水平和垂直中心……
css3开始
过渡属性选择器nth-of-type nth-child backgroundSize box-sizing圆角框模型阴影文本的影子rgba先进的形式H5形成新的属性如何推广论坛H5形成新的属性E:没有(s) E:目标E:选择、background-clip……
移动终端布局测试环境模拟视窗window.devicePixelRatio物理分辨率媒体查询rem窗口。屏幕移动终端布局相关问题window.deviceorientationevent水平和垂直屏幕判断……
动画和变换浏览器前缀关键帧动画播放时间设置动画偶数调用序列动画问题无缝滚动动画播放|暂停旋转度倾斜规模放大、翻译位移transform-origin改变执行顺序的问题……引导前端开发框架
Html语法规范CSS语法规范嵌套在Sass类命名选择器规范化。css网格系统排版代码响应工具…
3。项目战斗
电脑公司网站布局(例如:索尼官方网站)电脑电子商务网站布局(例如:京东商城)移动终端常见页面布局(例如:微信事件页面/购物中心)
我个人认为学习前端可以分为以下阶段
第一stage-learning HTML标记
超文本标记语言(HTML)“超文本标记语言”“意味着页面可以包含非文本元素如图片链接甚至音乐和程序。
html web页面的框架就像盖房子的结构
这也是前端页面的基础。试着想想如果一个房子甚至没有砖和水泥下一步的重点是什么?所以我们必须充分掌握HTML的基本结构和常见的标签和属性。与一个良好的开端成功的距离有点一半了如何记住和学习HTML ?