0基础web前沿学习路线
发布时间：2021-12-22 03:54:05 所属栏目：优化 来源：互联网
导读：买了一些前端入门书籍，好像也看不太明白？看了好多视频教程似乎也是似懂非懂？如果你现在是初学前端，入门的话，可以看看下面内容或者有一点帮助学习前端，前端就好比如盖房子~html就充当了房子结构这部分，也是房子的基
|
买了一些前端入门书籍，好像也看不太明白？看了好多视频教程似乎也是似懂非懂？如果你现在是初学前端，入门的话，可以看看下面内容……或者有一点帮助学习前端，前端就好比如盖房子~html就充当了房子结构这部分，也是房子的基础。css呢，就好比咱们房子的装修，墙面什么颜色，什么风格，什么地板…这些给房子改变风格，样式的就是cssjavascript呢，就好比这个房子的功能，房子需要制冷吧，需要暖气吧，也需要上下水吧。这些功能性的就相当于是javascript例子可能不是很恰当，只是帮助大家有个初步的认识~ 1.前端工具（dreamwear/sublime/editplus/SVN） 2.零基础入门（html css） 前端开发概况、代码入门 页面基本结构、文档声明、编码声明、css语法、style属性、link和style标签、id属性、基本样式、Border 、Background、 Font、盒模型、文本设置…常用标签集合header、article、aside、section、footer、nav、h1-h6、p、ul、ol、li、img、dl、dt、dd…绝对路径、相对路径、标签语义化、标签嵌套规范、SEO… 常用选择器&标签类型划分 d、class、类型选择、包含选择、群组选择、通配符、选择器优先级、标签样式初始化订制方案、超链接及伪类划分、标签类型划分及特性、inline、inline-block、block.. 浮动进阶 浮动的作用、浮动的特性、文档流、浮动的各种问题、clear、BFC(块级格式化上下文)、触发BFC的条件、Haslayout、Haslayout的触发条件… 定位 relative相对定位、Absolute绝对定位、Absolute绝对定位、Fixed 固定定位、inherit 继承、static静态定位、默认值、zIndex层级问题、margin负值、透明度… 表格和表单 表格标签、表格样式重置、单元格合并、表单元素、表单相关的属性操作、表单默认样式初始… 兼容性问题处理 兼容性问题总结、浮动在IE6，7下的各种问题、表单在低版本IE的问题、处理低版本IE对新增标签的支持、CssHack、条件注释语句、PNG问题、透明度的问题、固定定位在IE低版本的处理方式… 整站进阶 样式规划、favicon、Css Sprite、Data URI、隐藏元素、测试工具使用、滑动门、等高布局、三列布局、未知宽高图片在容器内水平垂直居中、文本水平垂直居中、多行文本水平垂直居中… css3入门 transition、属性选择器、nth-of-type、nth-child、backgroundSize、box-sizing、圆角，盒模型阴影、文字阴影、rgba、表单高级、H5表单新增属性、E:not(s)、E:target、E::selection、background-clip… 移动端布局 测试环境Emulation、viewport、window.devicePixelRatio、物理分辨率、Media Queries、rem、window.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断… Animation和Transform 浏览器前缀、keyFrames、Animation调用、播放次数设置、动画偶数次调用顺序、Animation的问题、无缝滚动、动画播放|暂停、rotate旋转、deg、skew斜切、scale缩放、translate位移、transform-origin、transform的执行顺序问题… Bootstrap前端开发框架 Html语法规范、CSS语法规范、Less 和 Sass 中的嵌套、class 命名、选择器、Normalize.css、栅格系统、排版、代码、响应式工具… 个人感觉有两点可以尝试： 语义化的去记忆。比如ul li这个就是列表，button就是按钮，table就是表格。其实这也是html5所倡导的，语义化标签。 试着写一个一个小的demo，也许就只是一个列表，一个表格，或者一个按钮。也许写着写着你就懂了呢？ 学习HTML就是要自己不断的去写，去尝试。看着自己的代码能跑起来，有了心目中的效果，这种心情还是很开心的！给大家推荐一个网站，w3cSchool，这里面有在线的代码编辑器。可以边写边看到效果~ （编辑：新余站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
