博客
关于我
做好前端的话HTML和CSS基础必须夯实!
阅读量:154 次
发布时间:2019-02-28

本文共 1092 字,大约阅读时间需要 3 分钟。

很多前端大佬说,要做好前端的话html和css基础必须夯实。那么,达到什么水平才能叫基础夯实呢?

1、拿到设计人员给的图,不管是pc或者是移动端的图,看一遍之后脑海中已经有了很明确的结构和页面书写过程中可能出现的兼容问题。在这里插入图片描述

2、页面在书写的时候可以快速的写出来适合该项目相关的reset.css。并且在书写布局的适合可以借助编辑器的相关快捷键和相应的标记符,迅速把某一大模块的结构书写出来,比如利用hbulider的table快捷键书写快捷结构,div>p.box$*4+p.text,并且做到一步到位准确无误。

3、结构上书写的时候,能合理的应用适合并且快捷的布局方式,比如是用弹性盒子布局、响应式布局、多列布局、双飞翼、圣杯布局等等,快速的达到自己的目的,并且对于一些a、img等这些标签需要的alt、title、target这些属性也会注意的添加上。

4、对于网页结构的优化有一定的认识,比如如何避免蜘蛛陷阱,如何对网站当中用到的URL进行优化,需不需要给网站当中放入网站地图等等。

5、每个不同的浏览器出现了兼容问题,解决方法是什么,哪些是必须要添加特定的过滤器才可以的,如果更完美的话就是能不能换一种方式来实现这个效果,绕过一些存在兼容的属性,这样从优化上又可以减少了代码量。

在这里插入图片描述
6、对于移动端在书写的时候,各个单位之间的关系和用法比如rem、vw、vh、dpr、em等,并且知道对不同类型的移动端页面布局,采用不同的方式来做,从而更适合实际的需求。

如果大家对于学习前端有任何问题,学习方法,学习路线,如何学习有效率的问题,可以随时来咨询我,或者缺少系统学习资料的,我做这行年头比较久,自认为还是比较有经验的,可以帮助大家提出建设性建议,603985993这是我的web前端交流qun,有任何问题可以随时来咨询我。

7、除了常见的一些网页布局和css页面书写之外,对于一些其他的布局和css技巧也能做到熟练应用,比如css实现各种居中、七种css方式让一个容器水平垂直居中、全兼容的多列均匀布局问题、多列等高布局等。

在这里插入图片描述
8、晓得层叠顺序(stacking level)与堆栈上下文(stacking context)、IFC、BFC、GFC 与 FFC等的相关概念和实际操作当中的应用。
在这里插入图片描述
需要说的东西太多了,其实这些东西如果想要熟悉熟练的掌握到位的话,更多的是需要做大量的一个练习,并且在大量的练习和项目书写过程中,不断的总结自己的经验并且记录下来,最后才能够变成自己的东西,很多东西都是需要从量变到质变的过程,所以听别人的经验再多都不如你亲自的去实际的操作,这样才会有效果。

转载地址:http://psqc.baihongyu.com/

你可能感兴趣的文章
mysql 权限整理记录
查看>>
mysql 权限登录问题:ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)
查看>>
MYSQL 查看最大连接数和修改最大连接数
查看>>
MySQL 查看有哪些表
查看>>
mysql 查看锁_阿里/美团/字节面试官必问的Mysql锁机制,你真的明白吗
查看>>
MySql 查询以逗号分隔的字符串的方法(正则)
查看>>
MySQL 查询优化:提速查询效率的13大秘籍(避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化)(上)
查看>>
mysql 查询数据库所有表的字段信息
查看>>
【Java基础】什么是面向对象?
查看>>
mysql 查询,正数降序排序,负数升序排序
查看>>
MySQL 树形结构 根据指定节点 获取其下属的所有子节点(包含路径上的枝干节点和叶子节点)...
查看>>
mysql 死锁 Deadlock found when trying to get lock; try restarting transaction
查看>>
mysql 死锁(先delete 后insert)日志分析
查看>>
MySQL 死锁了,怎么办?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 添加列,修改列,删除列
查看>>
mysql 添加索引
查看>>
MySQL 添加索引,删除索引及其用法
查看>>
mysql 状态检查,备份,修复
查看>>