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 元素內部 擁有最...