1:五大常用瀏覽器
(1)chrome webkit blink -webkit-
(2)firefox gecko -moz-
(3)ie trident -ms-
(4) oprea presto -o-
(5)safiri webkit -webkit-
2:文字標籤 :
下劃線
span>
1:行內元素
em,i, ....span a
特點: 設定寬高不起作用 由內容撐開
併排2：塊級元素 div p ul>li ol>li table
特點: 設定寬高起作用
不能併排 獨成一行 ----》浮動
3：行塊級 img input dd
特點:設定寬高起作用
併排# 轉換
行內--->塊 display:block
行內--->行內塊 display:inline-block
塊---> 行內 display:inline
表單
>
input text/password/email/tel/submit/reset/radio/checkbox
男:radio 女 radio 起相同的 name 屬性
type
="file"
multiple
>
上傳檔案 multiple上傳多個檔案
method ? get / post
action?
form
>
基礎 :* id class . tagname div p
層級: 子代 div>span 後代 div span 交集 div.box
結構偽類； ：first-child :last-child ：nth-child(n) n從0開始
li:nth-child(3)
失敗 如果li父元素帶三個不是li元素就找不到
li：nth-of-type(n)
li元素父元素的第三個li元素
屬性 :
[index='1'] [index]
：hover 滑鼠移入
:active 按下 :target 錨點樣式
div:hover
div:active
#盒模型
舊盒模型
: 盒模型寬 = width+padding*2+border*2 + margin*2
新盒模型
:css3
盒模型寬 = width
(有效內容+padding*2+border*2)轉換:
box-sizing
:boder-box 新 / content-box 舊
-webkit-box-sizing
:boder-box
-ms-box-sizing
:boder-box
.
盒子居中: margin:0 auto 水平居中
如何實現盒子水平居中和垂直居中:?
div
text-shadow:水平 垂直 模糊距離 px 顏色
transform
: 旋轉 transform
:rotate
(30deg)平移:
transform
:translate
(300px)縮放:
transform
:scale
(1.5)傾斜:
transform
:skew
(60deg)
go {
a:1ao {
a:2 ;
web複習總結
html js new vue html example js vue.component my component new vue 在test.vue元件中使用，先用inject註冊，然後即可通過this呼叫。html mousemove mousemove x y em mousemove.st...
前端複習 2018 12 15
1.無序列表 前面自帶小黑點 2.有序列表 前面自帶排序數字 常用屬性posiltion 1.absolute 絕對定位 對比父元素進行定位，且定位後自身原來位置的空間會 2.relative 相對定位 對比自身原來位置進行定位，且定位後自身原來位置的空間不會 3.fixed 固定定位 定位後頁面滾...
前端複習（二）
list1.標籤 method屬性 定義表單提交方式 2.標籤 定義文字標註 3.標籤 type屬性 type text 定義單行文字輸入框 type password 定義密碼輸入框 type radio 定義單選框 type checkbox 定義核取方塊 type file 定義上傳檔案 ty...