前端：結構+樣式+行為html:超文字標記語言，搭建網頁的結構
元素：標籤及標籤之間的內容這個整體
標籤的分類
1、塊級：p段落、h1~h6標題、div、br換行、hr分割線、ul無序列表、ol有序列表、li列表項、dl定義列表、dt名詞、
dd解釋、form表單域、table**、tr行
2、行內:strong/b加粗、i/em斜體、span、a鏈結
3、行內塊級:img、input、select、textarea
2、鏈結到本專案中其他的網頁
3、鏈結到當前頁面的指定位置
form: 表單域
action:規定表單的提交位置
method:規定表單提交方式 get、post
表單元素：
input: text（文字框）、password（密碼框）、radio（單選框）、checkbox（核取方塊）、submit（提交）、button（普通按鈕）、reset（重置按鈕）、image（按鈕）、file（檔案域）、hidden（隱藏域）
select:（下拉列表）
option（下拉項）
textarea:文字域
設定表單預設值：
text、password： value
radio、checkbox: checked="checked"
select: selected="selected"
textarea:禁用表單：disabled="disabled"
css：層疊樣式表，規定html的樣式
1、引入方式
1）行內式：
2)內嵌式
在head標籤之間加入style標籤3）外鏈式
在head標籤之間加入link標籤,通過href引入乙個.css檔案
2、選擇器
* 萬用字元
tagname 標籤選擇器
.class 類選擇器
#id id選擇器
.box>div 子代選擇器
.box div 後代選擇器
.red,.green,.blue 並集
div.red 交集
a:hover a鏈結的滑鼠移入狀態
3、常用屬性
font-size:12px;字型大小
font-family:"微軟雅黑"; 字型
font-style:italic; 斜體
font-weight:bold; 加粗
line-height:30px; 行高
color：red/#333/rgb(255,0,0)/rgba(255,0,0,0.5) 顏色的四種表示方式
background-color: 背景顏色
background-image: 背景
background-repeat:no-repeat/repeat-x/repeat-y; 背景重複
background-position:top/center/bottom left/center/right; 100px（水平距離左邊的位移） 200px （垂直距離上邊的位移） 背景位置
list-style:none; 列表樣式
text-decoration:none/underline/line-through; 文字樣式，無， 下劃線， 橫穿線
display:inline**換成行級）/block（塊級）/inline-block（行內塊級）/none;（隱藏原素） 布局：
text-align:center（居中）/left/right; （設定文字位置）
vertical-align:middle;（設定和文字對齊）
text-indent:2em;（縮排2個字元）
overflow:hidden;（溢位隱藏）
float:left/right/none;（浮動）
脫離文件流，父級沒有高度
清除浮動：
.clear:after
.clear
position:
相對定位：relative
參照物：元素本身的位置
脫離文件流：否
絕對定位：absolute
參照物：距離元素本身最近的乙個帶有position屬性的祖先元素，如果沒有就是參照body定位
脫離文件流：是
固定定位：fixed
參照物：瀏覽器的可視視窗
脫離文件流：是
z-index:預設是0，數值越大層級越高
脫離文件流的元素：不區分塊級和行內元素，預設從左到右從上到下排列，都可以設定寬高及盒模型屬性
長度單位：px em cm mm %
HTML基礎知識彙總
head 標籤用於定義文件的頭部，它是所有頭部元素的容器。head中的元素可以引用指令碼 指示瀏覽器在 找到樣式表 提供元資訊等等。文件的頭部描述了文件的各種屬性和資訊，包括文件的標題 在 web中的位置以及和其他文件的關係等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者.定義文件的標題，...
web前段基礎
一 基本概念 1 css pixels與device pixels css pixels 瀏覽器使用的抽象單位，主要用來在網頁上繪製內容。device pixels 顯示螢幕的的最小物理單位，每個dp包含自己的顏色 亮度。等值的 css pixels在手機螢幕上佔多大的位置，這不是固定的，這取決於很...
基礎知識彙總
整型int，浮點型float，複合型complex 基本不使用 字串string，布林型bool，列表list，字典dict，集合set，元組tuple 可變資料型別 list dict set 當刪除第乙個元素的時候，後面的元素向前一定了一次，而for迴圈還是要向後走一步，這樣就錯過了在沒有刪除前...