css常用技巧集合

2022-09-03 16:18:16 字數 1098 閱讀 6289

1 不想讓按鈕touch時有藍色的邊框或半透明灰色遮罩（根據系統而定）

/*解決方式一*/


-webkit-tap-highlight-color:rgba(0,0,0,0);


-webkit-user-modify:read-write-plaintext-only; //-webkit-user-modify有個***，就是輸入法不再能夠輸入多個字元


/*解決方式二 html中加上*/
2 清除img標籤下方出現的幾畫素空白間隙，產生原因是img的vertical-align屬性預設為baseline（元素放置在父元素的基線上）

/*解決方式一*/


img/*解決方式二*/        


img
3 單行文字溢位則顯示省略號

/*文字id為txt，塊級，有寬度*/


#txt
4 多行文字溢位顯示省略號，僅能在webkit核心的瀏覽器中使用，如果想普遍適用，就可以通過js獲取容器高度，超出就刪除文字，最後替換成...

/* 方式一


* 需定義好容器高度


*/
js多行文字溢位顯示省略號，文字在類main的p標籤中，貼出body裡面的**

/* 方式二 jquery


*//*html部分*/


測試測試測試測試測試測試測試測試測試測試測試測試


/*css部分*/


.main


/*jquery部分*/


(function();


})();
5 清除浮動

.clearfix 


.clearfix:after
6 模糊文字

color: transparent; text-shadow: 0 0 2px rgba(0,0,0,0.8);

CSS常用集合

1 去除橫向和縱向滾動條 overflow x scroll overflow y hidden 2 設定textarea不可拖動 3 div 加邊框樣式 邊框虛線樣式 dashed 邊框實現樣式 solid border 1px dashed 000 代表設定物件邊框寬度為1px黑色虛線邊框 bo...

CSS常用技巧

css 使用技巧 1.可以避開css的盒模型考慮問題，指定margin和padding的值的時候在分別另外指定，後面的只將覆蓋前面的值。2.img 可以避免帶鏈結的邊緣出現藍色邊框，將以塊級元素顯示。3 nowrap 有時候我們要在首頁動態列印一列十條文章，要放在乙個css容器div裡面，若每行文字...

css常用技巧

水平居中元素 通用方法，元素的寬高未知 方式一 css3 transform parent child 方式二 flex 布局 parent 適用於子元素為浮動，絕對定位，內聯元素，均可水平居中。居中的元素為常規文件流中的內聯元素 display inline 常見的內聯元素有 span,a,img...