前端小尚

摘要： 做好网页的 元素， 元素决定了百度收录显示的标题以及简介（任何大小型网站都有做的声明的，可以右击网站选择“查看源文件”进行查看）。 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部（与之间），不包含任何内容。 标签的属性定... 阅读全文

摘要： 我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象，block是声明块对象，那么inline-block是什么意思，即内联又成块？接下来做个测试，让我们了解一下三者的区别和作用吧：inline、block、inline-... 阅读全文

摘要： 暑假的第一个月把公司前端组长给我的前端资料看完了、w3school的css和html的内容和实例看完了、《CSS那些事儿》看完了，理论知识已经储备的够多了。 该开始实践了，暑假第二个月就开始认真着手“爱摄影”社团网站吧，加油~ 阅读全文

摘要： 页面制作最重要的就是CSS，定义合理的CSS命名规范，可以大幅提高页面制作的效率和方便开发及相关人员修改编写。关于CSS的命名我们采用骆驼式命名法。骆驼式命名法： 正如它的名称所表示的那样，是指混合使用大小写字母来构成变量和函数的名字,即函数名中的每一个逻辑断点都有一个大写字母来标记.骆驼式命名法近... 阅读全文

摘要： 1. 一定要闭合HTML标签在以往的页面源代码里，经常看到这样的语句：Sometext here.Some new text here.You get the idea.也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的HTML... 阅读全文

摘要： 1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2、无边框。推荐的写法是 border:none。 border:0; 只是定义边框宽度为零，但边框样式、... 阅读全文

摘要： 在div布局的过程中，经常会遇到div层叠的情况，我们通常有两种解决方式：float和z-index。在大多数的情况下我们选择不占用内存的float来实现层的浮动，但是float存在着很多bug，尤其是复杂的层叠结构下很容易出现意外状况。因此在层叠结构复杂的情况下建议尽量不要使用float而使用z-... 阅读全文

摘要： 一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”，独立于它的”定位”或确切的特性(结构化方式)。像left-bar,red-text, small-title…这些都属于结构化定义的例子。让我们看看下面这个例子: …而现在我们想把页面中的元素调换一下位置，如果你使用... 阅读全文

摘要： 突然间发觉自己一直以来都是用以前的思维方式在写页面，很多细节的东西并未注意到。前几天组内有同学问我关于单字节的长字符截断问题，原以为很简单的只要用word-break:break-all;和word-wrap:break-word;就能解决所有问题了。事实上这个的确能让长字符的单字节文本在块元素中被... 阅读全文

摘要： 前言：话说，我一直没能理解美工究竟是什么（这是一篇投稿）。因为要求确实很多。目前，我只能理解成，是前端开发+页面设计+用户体验设计的全能手。如果这样，那么，真正的美工应该是相当强大的。但，似乎只有小公司才把这类人叫美工。然后，我又纠结了。请自行理解！=====================随着公司... 阅读全文