摘要：
可扩展的模块化CSS结构：Basic(基础)：各种单一选择器，规定那些在整个项目里都统一的元素，比如统一各种元素的浏览器默认样式；Layout(布局)：将页面分区块，使一至多个模块集合，比如头部、页脚、搜索框、主体；Module(模块)：可重用的部件、组件，如边栏、弹出框等；State(状态)：针对... 阅读全文
摘要：
XML被设计用来传输数据，HTML被设计用来显示数据。XML是独立于软件和硬件的信息传输工具；XML是没有任何行为的，仅仅是纯文本，可以发明自己的标签，是对HTML的补充；所有XML元素都必须有关闭标签，XML对大小写敏感，必须正确嵌套，必须有根元素，属性值必须加引号，空格会被保留；元数据，即有关数... 阅读全文
摘要：
元素通常被呈现为斜体，且大多数浏览器会在该元素前后添加换行符；标签可以减少很多输入量，但必须位于head元素内部；标签会为内容插入换行和外边距，而元素不会有任何特殊的呈现；元素用于表示计算机源码或者其他机器可以阅读的文本内容；和标签的组合使用，可以实现表格列的批量控制；和的嵌套使用，在下拉列表中非常... 阅读全文
摘要：
所有的全局变量都是window的属性，在函数体外定义的var a=1等价于window.a=1；所有的变量声明都在范围作用域的顶部，因为JS引擎首先会扫描所有的变量声明，然后将这些声明移动到顶部；变量声明被提前了，变量赋值却没有。当变量声明和变量赋值一起使用时，JS引擎会自动将它分为两部分，以便将变... 阅读全文
摘要：
相信很多前端开发人员都曾遇到过需要将图片设置为垂直居中对齐的经历，我刚好在之前的一个项目刚刚解决了这个问题，使用的方法非常简单，兼容性也很好。具体做法如下：1、只需要兼容各大现代浏览器：父元素{ display:teble-cell; width:Npx; height:Npx; verti... 阅读全文
摘要：
一、属性选择器css2定义的4个属性选择器：E[foo]——选择匹配E的元素，且该元素定义了foo属性；E[foo="bar"]——选择匹配E的元素，且该元素定义了foo属性值为“bar”;E[foo~="bar"]——选择匹配E的元素，且该元素定义了foo属性，foo属性是一个以空格定义的列表，其... 阅读全文
摘要：
“结构与表现分离”，即在没有引入样式表的情况下，页面也能呈现很好的结构。这是前端开发人员遵守的第一原则。通常情况下，页面应包含的元素：标识、站点名称、站点导航、搜索框、功能区、边栏和页脚。清除不必要的标记，使用语义化的标签及命名标识，尽量减少使用标记，格式化代码，并在布局区块加上必要的注释。选项卡的... 阅读全文