After following, you can keep track of his dynamic information in a timely manner
Courses in the relevant section:HTML+CSS easy entry layer model
如果想為元素設置層模型中的相對定位,需要設置position:relative(表示相對定位),它通過left、right、top、bottom屬性確定元素在正常文檔流中的偏移位置。相對定位完成的過程是首先按static(float)方式生成一個元素(并且元素像層一樣浮動了起來),然后相對于以前的位置移動,移動的方向和幅度由left、right、top、bottom屬性確定,偏移前的位置保留不動
2016-12-050個贊
rowspan 合并豎向單元格,你合并幾個,就要把下面的單元格td 刪除幾個減去一,因為本身的這個單元格是不能刪掉的,例如我要合并3個單元格, 在第一個單元格內(nèi)寫上rowspan="3" 然后把后面的倆個單元格給去掉
2016-12-050個贊
Courses in the relevant section:CSS grouping and nested selectors
一個元素標簽使用多個class。.important.warning <p class="important warning">注意不要有空格 。有空格表示分別適用于兩個class。
2016-11-290個贊
rowspan colspan 對這倆個的用法要清楚,熟練使用
2016-12-050個贊
Courses in the relevant section:CSS size properties
height屬性可設置一個元素的高度 line-height屬性可設置行間的距離。 number 設置一個數(shù)字,此數(shù)字會與當前的字體尺寸相乘來設置行間距 max-height屬性可設置一個元素的最大高度。 max-width可定義一個元素的最大寬度 width屬性可設置一個元素的寬度
2016-11-290個贊
Courses in the relevant section:CSS Display and Visibility
none 此元素不會被顯示。 block 此元素將顯示為塊級元素,此元素前后會帶有換行符。 inline-block 行內(nèi)塊元素。(CSS2.1 新增的值) list-item 此元素會作為列表顯示。 run-in 此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示。
2016-11-290個贊
Courses in the relevant section:CSS Position
absolute:生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位 relative:生成相對定位的元素,相對于其正常位置進行定位 fixed:生成絕對定位的元素,相對于瀏覽器窗口進行定位 static:默認值。沒有定位,元素出現(xiàn)在正常的流中
2016-11-290個贊
Courses in the relevant section:CSS Float(floating)
left :元素向左浮動。 right :元素向右浮動。 none :默認值。 inherit :從父元素繼承float屬性。
2016-11-290個贊
Courses in the relevant section:CSS horizontal, vertical, center alignment
<style type="text/css"> .divcss5-cent { position:absolute; right:0px; width:250px; height:50px; border:1px solid #F00 } </style>
2016-11-290個贊
Courses in the relevant section:css pseudo-classes and pseudo-elements
:link 選擇未訪問的鏈接 :visited 選擇已訪問的鏈接 :hover 選擇鼠標指針浮動在其上的元素 :active 選擇活動的鏈接 :focus 選擇獲取焦點的輸入字段
2016-11-290個贊
Courses in the relevant section:CSS navigation bar
<style type="text/css"> body{margin:50px;} ul{list-style:none; margin:5px; padding:2px; width:250px; font-size: 19px;} li { background: #ddd url(fasfas.gif) no-repeat 10px center; margin: 0; padding: 2px 35px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #666; border-bottom: 1px solid #aaa;} </style> <div> <ul> <li><a href="#">Drubjs Menu</a></li> <li><a href="#">Beer</a></li> <li><a href="#">Spirits</a></li> <li><a href="#">Cola</a></li> <li><a href="#">Lemonade</a></li> <li><a href="#">Tea</a></li> <li><a href="#">Coffee</a></li> </ul> </div>
2016-11-290個贊
Courses in the relevant section:CSS dropdown menu
position: relative; display: inline-block;
2016-11-290個贊
Courses in the relevant section:CSS Image Gallery
{ margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; }
2016-11-290個贊
Courses in the relevant section:CSS image text transparency
透明效果: opacity: 0.10;
2016-11-290個贊
Courses in the relevant section:CSS property selector
屬性選擇器 <style> [name]{ color:red; } </style> <div name="tit">php.cn</div>
2016-11-290個贊