<!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)簽選擇器碾褂， 通過(guò)一個(gè)個(gè)標(biāo)簽在style樣式里設(shè)置自己想要的樣式 -->
</body>
</html>
路徑
相對(duì)路徑
根據(jù)當(dāng)前文件泣港，相對(duì)的路徑
Images/logo.png
絕對(duì)路徑
從盤(pán)符開(kāi)始的路徑
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)于文字的線(xiàn)
Text-decoration:
None 沒(méi)有線(xiàn)
Line-through 中劃線(xiàn)
overline 上劃線(xiàn)
Underline 下劃線(xiàn)
一切關(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除外
偽類(lèi)選擇器 給A標(biāo)簽加
: link 沒(méi)點(diǎn)之前
:visited 點(diǎn)了之后
:hover 鼠標(biāo)懸浮
:active 鼠標(biāo)按下
書(shū)寫(xiě)順序 l v h a 注意一旦設(shè)置visited 和 link 之后，只要點(diǎn)了就沒(méi)有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)容撐起來(lái)
C): 不可以設(shè)置寬高
D): 受空格和回車(chē)的影響
行內(nèi)塊 Img
特點(diǎn):
A) :共享一行
B) :可以設(shè)置寬高
C) :受空格和回車(chē)的影響
Text-align 對(duì)塊級(jí)元素?zé)o效