復習:

1. html&&css

Html：超文本標記語言。白話就是標簽。

標簽:

標簽，h1-h6，p，a，img，br，hr，ul，li，ol，dl，表格系列，div

標簽屬性：標簽的一些功能。常見的有 href src id class width height 等等

樣式:

選擇器:給元素起名字。標簽，類，id

拓展出來的：子代，後代，結構，並集，交集，全局。

Css樣式屬性

文本

字體，大小，顏色，樣式，字形

段落:文本縮進，文本樣式，對齊方式

圖片

大小：width height

位置:position

備註:圖片插入的時候，會給頁面留有余白，

去余白:visibility:hidden;

邊框:border：粗細，顏色，樣式，圓角

背景:background：顏色 圖片，平鋪，大小，位置

頁面排版:

定位:position

Position的值有兩個，relative和absolute，relative是相對定位，給參考的，往往給需要定位元素的上一級設置，absolute，給需要定位的元素，用top，right，bottom，left來調位置。

Position使用，改變了元素的本質，

流式布局float

第一個目的，是為了解決文字環繞。

使用float，帶來一個問題。很容易導致子元素脫離文檔流，我們需要清浮動。

.clearfix:after{content:””;height:0;clear:both;display:block;visibility:hidden;}

偽元素:就是一個虛擬的元素，但是可以給他寫樣式。

P:after{content:””;} p:before{content:””;}

a的四種狀態

a:link{} a:visited{} a:hover{} a:active{}

鼠標狀態

Cusor:pointer

酷炫的效果

2d效果

Translate rotate scale skew 這四個方法

3d效果

Perspective: 視距，1000px

Transform-style; 規定子類是否也是3d效果。

動畫animation

定義動畫

綁定動畫

過渡 transition 需要和鼠標hover配合使用

今天沒有學習新的內容，回顧了一下這一周多以來學習的內容，並且用代碼敲一個小的網頁頁面，這個頁面布局分七個部分，下面就是這個頁面的樣式。

8.29學習筆記