-
wan查看全部
-
1改變按鈕的類 2改變圖像的路徑 3改變每個圖像的你節點的className 4 ① oBtn.className=""; ② aImg[i].src="./images/small.jpg"; ③ aImg[i].parentNode.className="a-img small";//這里邊有兩個class：a-img和small查看全部
-
class值還可以新加一個列如加一個small<a href="#" class="a-img small">如是.small引用了small的所有內容都會發生樣式變化 如是.a-img .small說明在引用a-img的標簽下引用small的內容發生樣式變化。查看全部
-
1.overflow:hidden;有兩個重要的作用：①把多余的部分裁減掉 ②清除浮動 2.圖片的大小超過了a標簽的范圍： <a>標簽為內聯元素，所以給其設定寬高是達不到效果的，必須將其設置為塊級元素。同時給其設定寬高后，其內部的大圖片也會溢出，可以用overflow屬性隱藏溢出部分。 2.li設置浮動后，不會把父級標簽ul撐起來，需要清除浮動--overflow:hidden;（給ul加overflow:hidden;） 3.list-style:none;//清除序列樣式(如:實心點) display:block;//作為塊元素 overflow:hidden;//清除浮動 text-align:center;//文字居中 text-decoration:none;//清楚文字修飾(如:下劃線）查看全部
-
■右上角按鈕圖片的定位： 背景圖片設置的代碼順序：background:顏色 路徑 是否平鋪 left top (透明度,如果有的話); 注：①left top的定位是以圖片左上角為原點 ②可以用PS測距離大?。嚎葱畔⒚姘謇锏腤和H值 ③如果上面直接寫left top 就相當于background-position:0 0; 按鈕設置<a href="#" title="列表模式"></a>；a是內聯元素，設置display：block display的常見作用： 1.讓元素從none到可見 2.塊元素和內聯元素的相互轉換（主要體現在換行上）查看全部
-
使用table： 1. 不利于后期維護，容易產生表格套表格情況，后期調試很麻煩； 2. 不利于SEO（搜索引擎優化）查看全部
-
列表排列所需屬性查看全部
-
css sprite技術 基本的原理，就是利用background-postion的負值來進行調節。 當我們定位于background-position:-50px -50px;時發現圖片向左上，移動了，也就以DIV的左上角為中心，圖向左移動了50PX，向右也移動了50PX．查看全部
-
1、列表模式和卡片模式的區別： ① 兩個按鈕的class值的區別 ② 每個li里圖片路徑的區別 ③ 以及圖片的父節點a標簽里的class值的區別查看全部
-
原來class值還可以新加一個列如加一個small<a href="#" class="a-img small">如是.small引用了small的所有內容都會發生樣式變化 如是.a-img .small說明在引用a-img的標簽下引用small的內容發生樣式變化。查看全部
-
這里將列表模式和卡片模式分別放在各自的html頁面中（包括布局和CSS樣式）查看全部
-
height:200px;line-height:200px;text-align:center;查看全部
-
@--信息排列效果--2-2 信息卡片模式布局 注意要點--overflow:hidden重要的兩個作用：把多余的部分裁減掉／清除浮動 1.圖片的大小超過了a標簽的范圍： <a>標簽為內聯元素，所以給其設定寬高是達不到效果的，必須將其設置為塊級元素。同時給其設定寬高后，其內部的大圖片也會溢出，可以用overflow屬性隱藏溢出部分。display:block;overflow:hidden; 2.li設置浮動后，不會把父級標簽ul撐起來，需要清除浮動--overflow:hidden;（給ul加overflow:hidden;）查看全部
-
list-style:none;//清除序列樣式(如:實心點) display:block;//作為塊元素 overflow:hidden;//清除浮動 text-align:center;//文字居中 text-decoration:none;//清楚文字修飾(如:下劃線) overflow:hidden//把多余的部分裁減掉／清除浮動
-
用一張大的圖片作為背景。在photoshop中用top和left進行定位。查看全部
舉報
0/150
提交
取消