CSS學習筆記

2021-06-04 10:44:10 字數 878 閱讀 8181

border-top: 1px solid white;

border-bottom: 1px solid #d5d5d5;

實現間隔線效果

img增加底色

boxbackground:rgba(255, 255, 255, 0.55);

背景半透明效果

position:fixed;

視窗定位,隨下拉條浮動

橫跨兩列的單元格:

姓名**

bill gates

555 77 854

555 77 855

橫跨兩行的單元格:

姓名bill gates

**555 77 854

555 77 855

少用position定位去布局,不然會出現ie相容問題.一但使用了relative;absolute就表明當前層是在浮動的,會與其他浮動的元素發生衝突,這時要用z-index做好分層;

點用空間少的字型font-famly:arial
強制不換行

div自動換行

div強制英文單詞斷行

div

1、給加上style="table-layout:fixed";   

2、給加上style="width:100px;text-overflow:ellipsis; word-break:keep-all; overflow:hidden;"

js生成table cell的時候,cell裡文字過多的時候似乎以上方法也不太好用。可以直接這樣:

cell.innerhtml=""+"文字"+"";

強制不換行

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...