首页 > 代码库 > html知识收集(一)

html知识收集(一)

1.页内跳转iframe

<ul>

<li><a href="http://www.mamicode.com/1.html" target="iframe1">1</a></li>

<li><a href="http://www.mamicode.com/2.html" target="iframe1">2</a></li>

</ul>

</ul>

<iframe name="iframe1" src="http://www.mamicode.com/0.html"></iframe>

2.打开链接

<a href="http://www.mamicode.com/url" target="_blank">新窗口中打开</a>

<a href="http://www.mamicode.com/url" target="_parent">在原窗口中打开</a>

3.text元素设为只读

<input type="text" disabled readonly />

4.css技巧

默认样式值:* {margin: 0; padding: 0; background-color: transparent;}

css中子元素自动继承父元素的属性值

对同一元素的css定义有多种,以最近的定义为最优先

一个标签可以定义多个class

派生选择器:div p {}

组选择器:h1, h2 {}

不需要给背景图片加引号:background-image: url(images/a.gif)

正确的顺序指定连接样式:a:link, a:visited, a:hover, a:active

调试技巧:使用background,避免用border,因为border可能会改变div大小

 

html知识收集(一)