- 詳細內容
- 分類: CSS
利用CSS Flex將圖片高寬度max100%對應外部區塊，上下垂直左右置中顯示於區塊中，這樣一來不管圖片大小多大，圖片都能正常比例完整顯示於區塊中。
注意:Flex只支援較新的瀏覽器。
HTML
<div class="box">
<img class="imgcenter" src="http://p3.pstatp.com/origin/2ee200021b01de8df129">
</div>- Hits: 563
- 詳細內容
- 分類: CSS
CSS ::selection
網站當滑鼠反白時，反白區域的底色通常是藍色，但其實可以透過CSS ::selection選擇元素做背景色和字體顏色樣式的修改，設計此元素非常適合將用戶選擇的文本與您的網站配色方案進行匹配。
p::-moz-selection {
color: red;
}
p::selection {
color: red;
}如上所示，您可以::selection對單個元素進行樣式設置。
IE9+、Opera、Google Chrome 以及Safari 中支持::selection 選擇器。
Firefox 支持替代的::-moz-selection。
- Hits: 1354
- 詳細內容
- 分類: CSS
CSS3 :target 選擇器
定義和用法
URL 後面帶有錨名稱#(錨點)，指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素(target element)。
:target 選擇器可用於選取當前活動的目標元素。
:target CSS 代表一個唯一的元素（目標元件用）id匹配的URL的片段。
/ *選擇一個ID與當前URL片段匹配的元素* /
：target {
border ： 2px solid black ;
}- Hits: 3873
- 詳細內容
- 分類: CSS
vh and vw
vh:表示的是view height，也就是螢幕可視範圍高度的百分比
vw:表示的是view width，也就是螢幕可是範圍寬度的百分比
- Hits: 1576
- 詳細內容
- 分類: CSS
HTML
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>- Hits: 2176