html知识收集（一）
1.頁內跳轉iframe
<ul>
<li><a href="1.html" target="iframe1">1</a></li>
<li><a href="2.html" target="iframe1">2</a></li>
</ul>
</ul>
<iframe name="iframe1" src="0.html"></iframe>
2.打開鏈接
<a href="url" target="_blank">新窗口中打開</a>
<a href="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大小
?5.div布局實例
<!DOCTYPE html> <html> <head> <style type="text/css"> #container {position: absolute;background-color: pink;left: 100px;top: 100px;right: 100px;bottom: 100px; } #header {height: 40px;background-color: yellow; } #content {position: absolute;background-color: silver;width: 100%;top: 40px;bottom: 40px; } #left {position: absolute;background-color: purple;width: 200px;height: 100%; } #right {position: absolute;background-color: purple;width: 200px;height: 100%;right: 0px; } #footer {position: absolute;width: 100%;height: 40px;bottom: 0;background-color: cyan; } </style> </head> <body> <div id="container"><div id="header"></div><div id="content"><div id="left"></div><div id="center"></div><div id="right"></div></div><div id="footer"></div> </div> </body> </html> View Code?
轉載于:https://www.cnblogs.com/feilv/p/4086400.html
總結
以上是生活随笔為你收集整理的html知识收集（一）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【问题解决】无法创建新的堆栈防护页面
- 下一篇： HDU 5102 The K-th D