1. 程式人生 > >剛開始遇到的知識點遺漏點

剛開始遇到的知識點遺漏點

osi 技術 style 問題 ont 使用 back z-index 2種

1.設置背景圖片要設置高度才能顯示;


2.css中的font裏面是不帶color屬性的,需要自己再添加color屬性;


3.font屬性 font-weight加粗


4.原來cellspcing和cellpadding不是css,是標簽屬性,所以不能寫在css裏面;


5.讓字顯示在圖片上面的2種方法:1.圖片設置成背景圖片;2.使用position和z-index
參考:http://www.cnblogs.com/mingmingruyuedlut/archive/2013/01/11/2855721.html


6.字對齊:text-align;


7.使用到了<span>和<a>標簽,發現在樣式裏面直接寫margin-top、margin-bottom和padding-top、padding-bottom
都不起作用,頁面樣式的東西懂得不多,搜索一番,發現是因為<span>和<a>都不是塊級元素,所以這幾個屬性都無效。

解決辦法:在樣式 中加入display:block;即可解決問題
span是內斂標簽,所以只有左右有效,高度寬度上下margin都無效


8.span標簽要設置高寬 要贏display:block;

9.如何設置一條豎線

<div clss="l"></div>

.l{
width: 1px;
height: 你需要的長度;
background: #000;
}


10.行高等於高就相當於垂直居中;

11.想移動背景圖片可以參考精靈圖(雪碧圖)的方法;

12.制作一個搜索框

技術分享

 1 <div class="biankuang"><input type
="text " class="same set_input"><button type="submit " class="same set_button" >搜索</button></div> 2 3 .same{ 4 box-sizing: border-box; 5 border: 0; 6 height: 32px; 7 } 8 .biankuang{ 9 width: 270px; 10 height: 32px; 11 border: 1px solid black; 12 } 13 .set_input{
14 width: 224px; 15 height: 32px; 16 } 17 .set_button{ 18 width: 46px; 19 height: 32px; 20 background: rgba(255,255,255,0.5); 21 }

剛開始遇到的知識點遺漏點