<!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>
測試文字:Hellow world
</p>
</div>
<!-- 這是標簽選擇器， 通過一個個標簽在style樣式里設置自己想要的樣式 -->
</body>
</html>
路徑
相對路徑
根據當前文件，相對的路徑
Images/logo.png
絕對路徑
從盤符開始的路徑
C:\Intel\ExtremeGraphics\CUI\Resource
缺點：
1.麻煩
2.并不是絕對的
White-space: nowrap 不換行
White-space:normal 換行
純英文就是不換行
溢出隱藏 overflow:hidden;
省略號 text-overflow:ellipsis
當固定寬高，不換行，溢出隱藏的時候可以設置省略號
當字體是微軟雅黑的時候，三個點在下方。
關于文字的線
Text-decoration:
None 沒有線
Line-through 中劃線
overline 上劃線
Underline 下劃線
一切關于文本的操作，可以繼承的
有些標簽有意外，不能繼承font-style 比如i , em標簽
Strong , b , h1~h6 不能被繼承font-weight
a 標簽不能繼承 color
a 標簽text-decoration可以繼承，none除外
偽類選擇器 給A標簽加
: link 沒點之前
:visited 點了之后
:hover 鼠標懸浮
:active 鼠標按下
書寫順序 l v h a 注意一旦設置visited 和 link 之后，只要點了就沒有link效果了
Link 和 visited 很少用
Hover 和 active 經常用，而且別的標簽也能用，不兼容IE6
選擇器優先級/權重
低 ------ 高
- < 標簽 < class < id < 行間
深入優先級
三位數
ID CLASS 標簽
行標簽
特點:
A): 共享一行
B): 寬度由內容撐起來
C): 不可以設置寬高
D): 受空格和回車的影響
行內塊 Img
特點:
A) :共享一行
B) :可以設置寬高
C) :受空格和回車的影響
Text-align 對塊級元素無效