編譯器：vs code 2019
快捷鍵：!（英文本元，快速建立html模板）
書寫規範
html**風格
盡量使用語義化標籤
統一使用小寫書寫標籤， 屬性名也採用小寫
閉合空的元素標籤
屬性值加引號
在寫屬性值時， 空格兩邊不要有等號
避免長的**行
嚴格控制空行和縮排
多加注釋
css**風格
盡量不要採用內聯樣式
不要採用標籤選擇器
不要採用隱式的權重樣式覆蓋
屬性書寫順序
定位屬性： position, display, float, left, top, right, bottom, overflow
自身屬性：width, height, margin, padding, border
文字樣式：font , color
background
文字屬性: text-align , text-overflow
其它屬性
多加注釋
提高瀏覽器回流， 提公升dom渲染效能
dom樹， css樹 => render樹 => 布局 ＝> 繪製
瀏覽器解析css順序是按書寫的順序 => 順序不當就會產生回流
內容主體
特點：（1）作為標題使用，乙個標題獨佔一行
（2）預設加粗，序號越大，字型越小
（3）常用4號標題
四號標題
五號標題
六號標題
特點：（1）把html文件分割成若干段落，不同段落之間會有間隔
（2）乙個段落會根據瀏覽器的視窗自動換行，但是不會有間隔
這是乙個段落標籤
特點：（1）單標籤
（2）強制換行，行與行之間沒有間隔
這是第一行
這是第二行
特點:（1）對文字字型進行標註
加粗或加粗傾斜 或 傾斜
刪除<.del> 或 刪除
下劃線 或 下劃線
特點：（1）布局使用，劃分區域
分割、分割槽，獨佔一整行
跨行、跨距，一行可有多個
（1）alt影象顯示不出來，用文字替換
（2）title提示文字，滑鼠放到影象上提示資訊
（3）width設定影象寬度
（4）height設定影象高度
（5）border給影象加邊框
注：一般情況下只修改寬度或高度，會等比例進行縮放
url選擇：七、超連結標籤
文字資訊快捷鍵：ctrl + /
空格
小於號 <
大於號 >
1、基本格式
第一行第一列
第一行第二列
第二行第一列
第二行第二列
（1）對齊方式：align = left / center / right
（2）邊框：border
（3）單元格與內容之間的空白：cellpadding
（4）單元格與單元格之間的空白：cellspacing
（5）**寬度：width
2、表頭標籤
加粗居中表頭
表體
colspan：跨列合併 （目標單元格左側）
一、列表標籤
1、無序列表
（1）ul 標籤中只能有 li 標籤
（2）無序列表中沒有順序之分
（3）li 標籤中可以放其他標籤
2、有序列表
選項一
選項二
（1）ol 標籤中只能有 li 標籤
（2）li 標籤中可以放其他標籤
2、自定義列表
標題
解釋1解釋2
（1）dl 標籤中只能有 dt 和 dd 標籤
十二、表單標籤
1、基本框架
（1）input為單標籤
（2）type屬性指定不同的控制項型別
常用：
文字框
男 女吃飯 睡覺男
選項一
選項二選項三
自學記錄 前端
click 與 on 事件 可指定觸發事件的元素 function 的區別 在頁面原有的元素中動態增加新的節點，使用on可以關聯到 return 與 return false的區別 舉個迴圈的例子，當第一次迴圈遇到乙個if判斷後，如果寫return那麼會結束本次迴圈，但不會結束整個迴圈，會去迴圈第二...
Hp自學整理html
a hover 滑鼠懸浮在鏈結上時.出現下劃線顏色變綠色 display block就是將元素顯示為塊級元素.block元素的特點是 總是在新行上開始 高度，行高以及頂和底邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度 title 選擇器 描述 attribute 用於選取帶有指定屬性的...
自學記錄 django模型使用記錄
對於重要資料都做邏輯刪除，不做物理刪除，實現方法是定義isdelete欄位，型別為booleanfield,預設值為false 字段型別概括 floatfield 用python的float例項來表示的浮點數 datefield auto now false,auto now add false 使...