6張思維導圖，幫你搞定html、css

先給大家看一張喜歡的圖片，緩解下心情，最近敲敲程式碼累的時候都會看看這幾個小活寶，每次都忍不住伸手去摸一下螢幕，可愛到爆，不由自主的就笑了出來。這個是電影《鼠來寶》系列的海報圖。不知道有沒有人喜歡這幾隻會唱歌的小活寶。

這幾天看了 一下之前整理的html和css的知識點，發現很多東西都有點忘了，趁此機會，複習了一下，也重新整理了一下，決定放出來，也給剛入門的孩紙們一個參考。

第一張 HTML基本結構與css選擇器

主要介紹html的基本結構和css選擇器，話不多說，都在圖裡。

第二張 html常用基本標籤

html基本標籤

已分類，需要注意的部分已標註。看完這一張，還有下一張。

第三張 CSS的常用屬性

主要介紹css的屬性

第四張 表格和表單

第五張 浮動、定位、overflow

第六張 補充小知識

最後給大家給大家詳細說一下border-radius的用法

普通用法不做詳細介紹；

其實我們設定border-radius引數的時候，最多可以設定8個引數，每個引數的位置和代指圓角方向已經在圖上表明；簡單明瞭。

各位要高畫質圖的小夥伴，在微信公眾號後臺回覆“

HTMLCSS1

”

作者

|作者：範小飯_ 源自：http：//www。jianshu。com/p/19cd9400a917。圖文來自網路、如涉及版權問題，請聯絡我們以便處理。文章內容純屬作者個人觀點，不代表本網觀點。

編輯

|老貓

讀書吧