随笔分类 - html/css
摘要：如何组织CSS-分层应用 css 的能力分两部分：一部分是css的API，重点是如何用css控制页面内元素的样式；另一部分是css框架，重点是如何对 css 进行组织。如何组织 css 可以有多种角度，例如按功能划分，或者按区块划分。这里讲一下 base.css + common.css + page.css 的组织方法。将网站内的所有样式，按照职能分成三大类：base、common、page，这三者是层叠结构。1、base 层-精简通用位于三者的最底层，提供 css reset 功能和粒度最小的通用类——原子类。这一层会被所有页面引用，是页面样式所需依赖的最底层，不同风格的网站可以使用同一个
阅读全文
摘要：读书小记《编写高质量代码-Web前端开发修炼之道》，用了一天的时间，略带着兴奋的感觉给看完了，好久都没这样看过一本书了。看的虽快，但收获颇多。特别是在看到HTML和CSS部分的时候，发现HTML原来要这样写，CSS原来可以这样写。由于对JS部分期望比较大，整书也先看的这一部分，感觉没有前两部分读的那么爽，内容基本都熟悉，而且有些写法还比较老，比方说判断类型书中还是用的typeof，而现在基本都是用的Object.prototype.toString()，但是也有不少收获，特别是如何在团队中更好的协作开发，都是经验之谈值得学习。整本书感觉，结构清晰，知识点充实而不枯燥，任何前后端的开发人员都值得
阅读全文
摘要：<button>标签定义和用法<button>标签定义一个按钮。在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。<button>控件 与<input type="button">相比，提供了更为强大的功能和更丰富的内容。<button>与</button>标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。唯一禁止使用的
阅读全文
