滾動條相關樣式
作用例子（
:-webkit-scrollbar
定義滾動條整體的樣式
display: none; // 隱藏滾動條
:-webkit-scrollbar-thumb
滑塊部分
:-webkit-scrollbar-thumb
:-webkit-scrollbar-thumb
軌道部分
:-webkit-scrollbar-track作用
**單行文字超出展示省略號
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
文字超出展示省略號(多行)
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 2;
overflow: hidden;
神奇魔法 CSS
css概念 css全稱為cascading style sheets 也就是 層疊樣式表 css最大的特點就是它的 層疊性 設定的樣式可以層層疊加，相當靈活。首先我們要明白css是用來幹嘛的，從服務物件上來說，css的誕生就是 為了更好的展示 資訊。從功能上來說，就是布局與美化頁面。css魔法王國的...
CSS屬性（常用的屬性）
css屬性 常用的屬性 一 文字與字型屬性 1.字型屬性 1 font size 字型的大小 例如 font size 14px em當前物件內文字字型大小 pt絕對長度單位 多少個點的單位 px相對長度單位 畫素 2 font family 字型的型別 例如 font family 隸書 宋體 a...
css盒模型簡介 神奇的盒子
css盒模型是網頁布局中的基石，就好比大盒套小盒，環環相扣，缺一不可。那接下來就簡單的介紹一下盒模型。come on,逆戰來也！1.盒模型的結構 從裡到外包括 content 內容 手機 padding 內填充 補白 泡沫 border 邊框 包裝盒 margin 外邊距 盒子與外部的距離 有圖有真...