1.這兩個數值相等時，文字垂直居中
height:""; line-height:""; text-align:center;
2.使背景圖上下充滿居中
1.background:url()no-repead 0 0/100% 100%;
2.background:url() 0% 0% / cover no-repeat fixed;
3.避免設定的border邊框占盒子的位置
box-sizing:border-box;
4.（1）大盒子定位時，若要相對于整個頁面垂直居中（可微調值）
left:0; right:0; margin:auto;
（2）小盒子定位時，若要相對于它的父元素垂直居中（可微調值）
方法1： left:1/2父元素寬度; top:1/2父元素寬度; margin-right:-1/2小盒子寬度; margin-top:-1/2小盒子寬度;
方法2： left:1/4父元素寬度; top:1/4父元素寬度;
5.將元素顯示為行內塊狀元素，設定該屬性后,其他的行內塊級元素會排列在同一行
display:inline-block;
6.在同一行內有不同高度內容的元素時，通常要設定對齊方式來使元素頂部對齊，
vertical-align: top;
7.找第三個元素如
.header .nav a:nth-child(3){}
8.做一排廣告欄時，左浮動float：left;時，可加
.clearfix::after{ content: ""; display: block; clear: both; }
9.在一個CSS檔案匯入另一個CSS檔案
@import"檔案名.css"
10.設定邊框陰影
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/60270.html
標籤：Html/Css
上一篇：前端常見的布局方式