91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

使用css的小技巧有哪些

發布時間:2022-03-07 14:01:18 來源:億速云 閱讀:149 作者:小新 欄目:web開發

這篇文章主要為大家展示了“使用css的小技巧有哪些”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“使用css的小技巧有哪些”這篇文章吧。

小編做前端項目也有一段時間,在其中也是總結了一些前端編寫css代碼時的一些小技巧!

技巧列表

1,為body添加行高

2,逗號分離的列表

3,使用:not()去除導航上不需要的邊框

4,文本顯示優化

5,表格單元格等寬

6,使用屬性選擇器選擇空連接

你不需要分別為每一個 <p>, <h2> 等元素添加行高,而是為body添加:

body {

line-height: 1;

讓列表看起來更像一個真正的逗號分離列表:

ul > li:not(:last-child)::after {

content: ",";

添加邊框&hellip;

/* 添加邊框 */

.nav li {

border-right: 1px solid #666;

&hellip;然后去除最后一個元素的邊框&hellip;

/* 移除邊框 */

.nav li:last-child {

border-right: none;

有些字體在所有的設備上并不是最優顯示,因此讓設備瀏覽器來幫忙:

html {

-moz-osx-font-smoothing: grayscale;

-webkit-font-smoothing: antialiased;

text-rendering: optimizeLegibility;

使用表格會很痛苦,因此使用table-layout:fixed來保持單元格相同的寬度:

.calendar {

table-layout: fixed;

顯示沒有文本值但是 href 屬性具有鏈接的 a 元素的鏈接:

a[href^="http"]:empty::before {

content: attr(href);

這樣做很方便。

上面的小技巧支持Chrome,Firefox, Safari, 以及Edge, 和IE11

以上是“使用css的小技巧有哪些”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

天柱县| 时尚| 铜梁县| 皋兰县| 清河县| 徐州市| 九台市| 时尚| 湖口县| 靖远县| 鹤壁市| 巴林右旗| 荥经县| 安国市| 舒城县| 泾源县| 象山县| 开化县| 彭州市| 肃北| 曲麻莱县| 稷山县| 沈丘县| 新津县| 榕江县| 商南县| 若尔盖县| 神农架林区| 齐河县| 汕头市| 浦县| 乌拉特后旗| 克东县| 陵水| 咸宁市| 固镇县| 西宁市| 德保县| 麦盖提县| 金门县| 昭觉县|