20170227H5+css3屬性隨筆

標籤：isp   布局   指標   :hover   hid   原理   orm   duration   清除浮動   

padding 簡寫屬性在一個聲明中設定所有內邊距屬性。

margin 簡寫屬性在一個聲明中設定所有外邊距屬性。

placeholder 屬性提供可描述輸入欄位預期值的提示資訊（hint）。

alt 屬性規定在映像無法顯示時替代文本。

在電腦鍵盤上，esc是escape（逃跑）的簡寫，ctrl是control（控制）的簡寫，而alt是alter（改變）的簡寫。

repeat：背景映像在垂直和水平方向重複。repeat-x背景映像將在水平方向重複。repeat-y背景映像將在垂直方向重複。no-repeat背景映像將只顯示一次。

margin:0 auto;使其左右置中

margin:上 右 下 左;

字型設定line-height使其上下置中

margin-left :與左邊的距離

letter-spacing:使字與字之間有一定距離

text-align:文字置中顯示

小技巧

清除浮動的技巧：消除子項目浮動對父元素背景/邊框/不能被子項目撐開的方法

1. 父元素結尾處增加一空元素div，並清除其浮動。缺點：如果布局複雜，需要增加許多空標籤。

2.在父元素定義overflow:hidden（瀏覽器會自動檢查浮動地區的高度）

註：不必理會原理，知道用法即可。缺點：超出部分會被隱藏

3.利用偽類：after 父元素內容後增加空元素，並清除浮動。

 

:active 選取器用於選擇活動連結。

當你在一個連結上點擊時，它就會成為活動的（啟用的）。

提示：請使用 :link 選取器對指向未被訪問頁面的連結設定樣式，:visited 用於設定指向已訪問頁面的連結的樣式， :hover 選取器用於設定滑鼠指標浮動到連結上時的樣式。

 

animation 屬性是一個簡寫屬性，用於設定六個動畫屬性：

• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction

animation:lunbo 5s linear infinite;animation-direction:normal;

 linear:勻速  infinite無限

 

display:flex;

border-right:1px solid rgba(60,60,30,0.3);添加右邊灰色邊框

 

20170227H5+css3屬性隨筆