一、html與css
發展歷程
html的定義
是超文字標記語言，不是程式語言。
html最新標準是html5.
css的定義
css層疊樣式表控制web頁面的外觀。
html搭建網頁的結構，css裝飾。
二、常用的html標籤和屬性
標題標籤：h1~h6（僅用於標題）
**
<
/td>
<
/td>
<
/tr>
<
/table>列表：ol(有序)、ul(無序)
行內元素（同行，水平方向排列，行內元素不能包含塊級元素，設定width、height無效，margin、padding上下無效）
塊級元素 （各佔一行，垂直方向排列，塊內元素可以包含塊級元素和行內元素，）
三、html表單元素
input元素
"text"
/>
select元素（下拉列表）
預設選中：
"***" selected>***<
/option>
button(按鈕)
"button"
>***<
/button>
css結構
選擇器，以及一條或者多條宣告
css常用屬性
寫法 優先順序
五、css選擇器
常用的css選擇器
id選擇器 > class選擇器 >元素選擇器 > 萬用字元選擇器
六、html5&css3新特性
html是什麼
新的網路標準、減少外掛程式依賴
html5新特性-語義化標籤
html5新特性-新表單控制項
email、url、number、rang、date、month、week、time、datetime、search、tel、color等等
html5新特性-canvas
畫布，可以畫圓、矩形、直線等
html5新特性-本地儲存
css新特性
七、讀懂bootstrap
前端框架bootstrap簡介
開源的前端工具包
乙個css/html框架
由動態css語言less寫成
熱門開源專案
特點及優勢
簡潔、直觀、強悍、迅速、簡單
支援響應式開發
檔案引入
jquery必須在bootstrap之前引入
bootstrap>1.9.0之上
柵格布局1-12
.col-xs- 超小螢幕 手機（<768px）
.col-sm- 小螢幕 手機（>=768px）
.col-md- 中等螢幕 桌面顯示器（>=992px）
.col-md- 大螢幕 大桌面顯示器（>=1200px）
HTML CSS快速入門（二）
堅持每天撰寫一點部落格，今天發現自己寫的快速入門一文章閱讀的人並不多，遠沒有第一篇文章水文看的人多，估計很多人看多了這一類科普文都覺得費勁，還是不費腦子的東西更吸引眼球。那這樣的話就要去撰寫更有意思，與眾不同的東西出來，關鍵是少寫廢話。html語義化 css基礎 根據內容的結構化，不加以任何css樣...
HTML CSS學習筆記（1）HTML入門
前言 本意是寫給自己看的學習筆記，如果能恰好幫到有需要的人那最好了。我是乙個接觸時間不長的新手，禿頭摸爬滾打中，將一些重點總結記錄下來，如有錯誤歡迎指正。1 一些相關知識 由網頁構成，網頁有靜態和動態之分。靜態網頁指的是無論使用者何時訪問，網頁都會顯示固定的資訊，除非網頁源 被重新修改上傳。靜態網頁...
html css快速入門教程（5）
1.畫盒子1 2.畫盒子2 3.京東特色購物 4.京東發現好貨 5.京東玩3c 通過使用 position 屬性，我們可以選擇 3 種不同型別的定位，這會影響元素框生成的方式。relative 相對定位的參照物是原來自己的位置，元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。...