都说前端容易,谁说的。前端上手快,越往后学习越困难。学习前端快一年了,依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。
(1)title前面的logo。
就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来的。反正我之前不知道。。。如果大家知道的话就直接忽视掉我吧。当我自己做笔记了吧。
<link rel="shortcut icon" href="./flappyBird/bird.png"/>
这个rel后面要写shortcut icon,代表这是title的logo图片。如果是样式表的话,就要写stylesheets了。
(2)规定段落中的文本不进行换行。
就是你写的这段文字让他永远在一行内显示。只需要加一个css属性即可:
white-space: nowrap;
(3)文本框内的文本要出现溢出,就用省略号表示剩下的部分。
需要加两个属性:
overflow: hidden;
text-overflow: ellipsis;
text-overflow就是文本溢出的意思。
把上述(2)(3)合起来的效果就是
源代码是:
<div class="test">Hello everybody I'm WesternRanger,welcome to Peking!</div>
.test{
border:#999 solid 1px;
width:200px;
height:30px;
font-weight: 700;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
(4)点击<a></a>链接,在浏览器中打开新的页面。
今天做了一个需求,页面中有一个链接,产品说要点击它打开一个新的标签页,我先答应了,心里想这个是不是用脚本做啊。遂百度之,看到答案是在a标签中加一个target="_blank"的时候,我想死的心都有了。。。好吧,知道的晚也比不知道强。
(5)img标签垂直相叠的时候会有间距,一开始我用margin为负的那种方式调,真是太low了,以后坚决不能这么low,把img的display设置为block,border=0就可以了,另外在IE8及以下以及360浏览器里img标签会有边框,加上border=0就可以了;
(6)table标签默认情况下会有边框以及padding的。之前对table布局很不熟,现在做了好多相关的东西,总算知道点了。消除他们也只需要border=0 cellspacing=0 cellpadding=0,这三个属性足矣。
这次就暂时碰到这么多。本文将不断更新。遇到本人感觉比较冷门的小知识我就记下来。就当我做笔记了吧