<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>HTML---3</title>
<style type="text/css">
div{
width: 200px;
height: 200px;
border: 1px solid #333;
}
p{
color: #233;
}
</style>
</head>
<body>
<div>
<p>
測(cè)試文字:Hellow world
</p>
</div>
<!-- 這是標(biāo)簽選擇器， 通過一個(gè)個(gè)標(biāo)簽在style樣式里設(shè)置自己想要的樣式 -->
</body>
</html>
路徑
相對(duì)路徑
根據(jù)當(dāng)前文件，相對(duì)的路徑
Images/logo.png
絕對(duì)路徑
從盤符開始的路徑
C:\Intel\ExtremeGraphics\CUI\Resource
缺點(diǎn)：
1.麻煩
2.并不是絕對(duì)的
White-space: nowrap 不換行
White-space:normal 換行
純英文就是不換行
溢出隱藏 overflow:hidden;
省略號(hào) text-overflow:ellipsis
當(dāng)固定寬高，不換行，溢出隱藏的時(shí)候可以設(shè)置省略號(hào)
當(dāng)字體是微軟雅黑的時(shí)候，三個(gè)點(diǎn)在下方。
關(guān)于文字的線
Text-decoration:
None 沒有線
Line-through 中劃線
overline 上劃線
Underline 下劃線
一切關(guān)于文本的操作，可以繼承的
有些標(biāo)簽有意外，不能繼承font-style 比如i , em標(biāo)簽
Strong , b , h1~h6 不能被繼承font-weight
a 標(biāo)簽不能繼承 color
a 標(biāo)簽text-decoration可以繼承，none除外
偽類選擇器 給A標(biāo)簽加
: link 沒點(diǎn)之前
:visited 點(diǎn)了之后
:hover 鼠標(biāo)懸浮
:active 鼠標(biāo)按下
書寫順序 l v h a 注意一旦設(shè)置visited 和 link 之后，只要點(diǎn)了就沒有l(wèi)ink效果了
Link 和 visited 很少用
Hover 和 active 經(jīng)常用，而且別的標(biāo)簽也能用，不兼容IE6
選擇器優(yōu)先級(jí)/權(quán)重
低 ------ 高
- < 標(biāo)簽 < class < id < 行間
深入優(yōu)先級(jí)
三位數(shù)
ID CLASS 標(biāo)簽
行標(biāo)簽
特點(diǎn):
A): 共享一行
B): 寬度由內(nèi)容撐起來
C): 不可以設(shè)置寬高
D): 受空格和回車的影響
行內(nèi)塊 Img
特點(diǎn):
A) :共享一行
B) :可以設(shè)置寬高
C) :受空格和回車的影響
Text-align 對(duì)塊級(jí)元素?zé)o效