div css 常用技巧
1.給圖片加上alt屬性:
?<img src="logo.gif" alt="我的公司logo,點擊返回首頁" />
2.給所有屬性值加引號,不同屬性之間用引號分開:
?<hr width="75%" size="7" />
3.關(guān)閉所有標(biāo)簽
?<br />
4.收藏夾小圖標(biāo)
?首先制作一個16x16的icon圖標(biāo),命名為favicon.ico,放在根目錄下,然后將下面的代碼嵌入head區(qū):
?<link rel="icon" href="/favicon.ico" type="image/x-icon" />
?<link rel="shortcut icon" href="/favicon.ico" type="imge/x-icon" />
?<meta content="all" name="robots" />使用robots.txt管理搜索引擎搜索內(nèi)容
?<meta name="author" content="zhangsufeng@gmail.com,張素豐" />站點作者信息
?<meta name="Copyright" content="http://www.yusoft.com/" />站點版權(quán)信息
?<meta name="description" content="YUSoft 宇軟公司 長江大學(xué)軟件樂園" />站點簡介
?<meta name="keywords" content="YUSoft,">站點的關(guān)鍵字
5.css定義字體:
?body{font-family : "Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋體,sans-serif;}
?Lucida Grande字體適合Mac OS X
?Verdana字體適合所有的Windows系統(tǒng);
?Lucida適合UNIX用戶
?"宋體"適合中文簡體用戶
6.定義鏈接樣式(注意定義的先后順利不能出錯,否則顯示的效果有可能不同):
?<style type="text/css">
?a:link {
??font-weight : bold;
??text-decoration : none;
??color:#00FF00;
?}
?a:visited {
??font-weight : bold;
??text-decoration : none;
??color:#FF6600;
?}
?a:hover {
??font-weight : bold;
??text-decoration : underline;
??color:#FF0000;
?}
?a:active {
??font-weight : bold;
??text-decoration : none;
??color:#0000FF;
?}
?</style>
6.所有標(biāo)簽的元素和屬性的名字都必須使用小寫
?<BODY>必須寫成<body>
?DreamVeaver自動生成的"onMouseOver"必須全部修改為"onmouseover"
7.記住特殊符號的編碼表示:
?<? <
?>? >
?&? &
?空格
8.給所有屬性值賦一個值
?<td nowrap>必須寫為
?<td nowrap="nowrap">
9.定義橫向菜單的關(guān)鍵:
?定義<li>樣式時加上"FLOAT:left;"語句
?去掉黑點:list-style:none;
10.橫向居中:
?#divName{
??width:760px;
??margin:0 auto;
??}
轉(zhuǎn)載于:https://www.cnblogs.com/zhangsufeng/archive/2008/09/02/1282374.html
總結(jié)
以上是生活随笔為你收集整理的div css 常用技巧的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 需求分析阶段项目经验
- 下一篇: 路由器虚拟服务器功能(广域网服务端口和局