前端HTML與CSS學習筆記總結篇(超詳細)

職業方向規劃定位：
- web前端開發工程師
- web網站架構師
- 自己創業
- 轉崗管理或其他
web前端開發的前景展望：
- 未來IT行業企業需求最多的人才
- 結合最新的html5搶佔移動端的市場
- 自己創業做老闆
- 隨著網際網路的普及web開發成為企業的寵兒和核心
web職業發展目標：
- 第一、梳理知識架構
  - 負責內容的HTML
  - 負責外觀的css（層疊樣式表）
  - 負責行為的js
  - ps切圖
- 第二、分解目標（起步階段、提升階段、成型階段）
  - 起步階段：
    - 基本知識的掌握
    - 常用工具的掌握
    - 溝通技巧的掌握（圍繞客戶的需求）
    - 良好的開發習慣（加註釋、對齊方式）
  - 提升階段：
    - 熟悉掌握HTML基本標籤和屬性
    - 熟練掌握css的基本語法和使用
    - 瀏覽器相容和w3c標準的掌握
    - 結合html+css+js開始系統專案的開發
  - 成型階段：
    - 精通DIV+CCS佈局
    - 精通css樣式表控制html標籤
    - 熟悉運用js製作動態網站的效果
    - 能獨立開發完成網站

1234	<html> <head></head> <body></body></html>

1	<marquee direction="down" loop="4" onmouseover=this.stop() onmouseout=this.start()></marquee>

1	onmouseover=this.stop() onmouseover=this.start() scrollamout="1"(滾動速度)

圖片標籤與路徑：
- 常見圖片格式 jpg png gif
- Gif （只支援全透明）
- Jpeg /jpg
- Png 半/全透明都支援
圖片標籤寫法：
- <img src="" alt="" width="" height="" />
圖片四要素：
- src="" 圖片路徑
- alt="" 圖片含義
- width="" 圖片寬度和圖片大小保持一致
- height="" 圖片高度和圖片大小保持一致
- title=""
路徑知識：
- 相對路徑、絕對路徑：
  - 相對路徑：(Relative Path) 相對於該檔案的路徑；
  - 絕對路徑：(Absolute Path) 從磁碟出發的路徑；
- <img src="" …… align="" /> align屬性–設定圖片與後面文字的位置關係
  值–top、bottom、middle、absmiddle、left、right
在靜態頁面中：
- /開頭表示根目錄；
- ./表示當前目錄；（斜畫線前面一個點）
- ../上級目錄；（斜畫線前面兩個點）
- 直接用檔名不帶/也表示同一目錄
- 這些都是相對於當前檔案的位置來說的，如果用絕對路徑的話就是寫全了。

<ul>   <li></li>   <li></li>   <li></li></ul>

<ol>   <li>內容一</li>   <li>內容二</li>   <li>內容三</li></ol>