前端html.css總結

前端ER圖設計

首頁有什麼元素(搜索框,文章標題內容),可以跳轉到哪些個頁面上(編輯頁,搜索頁,個人頁)
內容頁,搜索頁,編輯頁
示例: 主頁內容討論

前端ER圖
在這裏插入圖片描述

HTML總結: 數據類型與內容

1.html文件結構:
• 與 之間的是

標籤DIV是層疊樣式表中的定位技術,全稱DIVision,可以把文檔分割爲獨立的、不同的部分。經常與ID選擇器組合使用進行排版佈局 ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/2020031611291766.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70) 相似的元素(圖標,導航欄)都可以用無序列表來寫 ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316112929586.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70) 有序列表: 各大排行榜,熱榜 --序號的樣式可用css設置 ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316112943632.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70) h標題 ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316112955496.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70) ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113003553.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70) ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113013396.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70) 表單與 表單元素 ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113120791.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70) form標籤有兩屬性 action:指定url(表單信息提交到哪個url對應的處理函數), method(見django表單總結) 表單是用戶傳遞信息的方式 ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113134869.png) 知乎總結[html:https://zhuanlan.zhihu.com/p/62967499 ](html:https://zhuanlan.zhihu.com/p/62967499) html-css 英文簡寫大全:https://www.cnblogs.com/innovidory/p/7134381.html

其他:

技術方向
基本: html:定義基本數據結構類型(內容是什麼),css(html的靜態皮膚), js(html的動態交互式皮膚)
框架:Vue,Angular,React
其他:jquery, Bootstrap,Ajax

理解:
css:標題字體、顏色變化,或爲標題加入背景圖片、邊框等
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章