（菜鸟）Kevin的web小记

最新推荐文章于 2024-10-15 15:24:52 发布

Jser-Kevin

最新推荐文章于 2024-10-15 15:24:52 发布

阅读量249

点赞数

文章标签： web 前端

本文链接：https://blog.csdn.net/kevinpursuing/article/details/53213695

版权

<!DOCTYPE HTML>

前端小入了个门，身为菜鸟的自己，想写下一些日常思考，算是一种记录方式吧。
这几天由于要完成作业，也可能是自己爱面子，所以好多好的工具都没有学会去用（sass ，less等等）。开始觉得html和css这部分内容不是想象中的那么多，可是经过做网页才发现理论和应用完全是两码事。
响应式网页， css里设置一部分百分比，一部分实际长度。让我总觉得自己做出的网页稳定性不好（虽然事实看起来还行)，看来自己还得多去看看那些知名度高的网站的源码。
昨天看了一段名为《css-迷思》的讲座，内容挺深刻的，主要是关于如何让css的添加变得更加简洁，更易于维护。介绍了几种方法，一种是bootstrap的类命名方法，采取的是为每个常用的样式创建一个类，在html页面使用的时候只需要在标签类名的后面添加样式类名即可，这就是所谓的框架。继bootstrap之后又推出了Semantic UI，它相比前者对于类的命名更加平民化，讲白了就是更加语义化，还没有使用呢，准备现在正在做的任务试试这个框架。再接下来就是原子css，其实在我看来他们的思想都差不多，直接写css代码太过于冗余，可以利用提取公共样式来减小代码量，而且更易于后面的更改，只是这个原子css把样式拆分的更细了（比如float:left直接命名为f-l），这样css代码除了一些特殊的样式需要单独设置之外其他的就以基本类来呈现。但是这样带来的弊端是html页面的代码关于类的命名太过于冗长，可读性也不是很好，看怎样取舍吧。
其实我一直想的是为什么不做一个软件，以拖动式和按钮控制的方式来生成html网页，好吧Dreamweaver实现了一部分功能，可那些都是基本的，好多功能和具体设置还是需要自己去设置的。这样就没有讨论css难度这一说了，因为你是以图形化界来操作网页，是接触不到css代码的。现在用sublime text或是Webstorm做网页自己做好代码后还得切换到浏览器点刷新才能看到你更改之后的网页（好麻烦。。。），而且觉得效率有点低啊。
下面来说一说我自己存在的问题吧，网页虽是有整体的结构，但是在设置同一模块的css样式时总感觉是在拼积木，这里设置一个padding那里设置一个margin。所以我会尝试着在拿到一个psd之后观察公用样式以及同一的位置设置，试试看吧。