web實訓知識點 0319

html部分：

*  //這裡做了乙個基本的樣式清除，並且設定初始的文字大小為14px;

ul //list-style:none;是為了清除條目前的那個圓點 
li //padding-left:10px是為了讓文字向右移動10個畫素，但是li的寬度也會增加10個畫素，這裡推薦用text-indent:10px;文字縮排10個畫素
aa:hover //這個是滑鼠經過的樣式

垂直效果：

水平效果：

html部分：

首頁home

課堂大廳course
學習中心learn

1、用無序列表構建選單；ul/li

2、垂直選單轉變為水平選單：float:left；

3、在製作改變高度的伸縮選單時，實現高度向上延伸的技巧： ----> margin-top用負值；margin-top:-10px；可以使高度變大的塊上移，與其他塊處於乙個平面

4、line-height:40px；改變文字高度來滿足其垂直居中

5、背景的偏移：background-position:0 -30px;

對於y來說：-是向上移，+是向下移，

對於x來說：-是向左移，+是向右移

web實訓知識點0319

知識點總結 css的定位屬性 定位和沒有定位 css的position屬性值有static 預設值 relative，absolute，fixed。分為兩大類 positioned relative，absolute，fixed 和unpositioned static 1.static 預設值。表...

Web實訓知識點 0312

js方法 判斷分支語句用變數來儲存及獲取的id或class 三大流程控制 順序語句 分支語句 迴圈語句 復合資料 陣列 物件 常輸入輸出語句 prompt 資訊提示 document.write alert 例一 根據客戶時間輸出問候語 時間 變數儲存 判斷 二 根據客戶電腦 時間輸出問候語 三 d...

web實訓知識點 0326

用到的地方 js的獲取標籤 類似於getelementdyid tagname，獲取頁面上所有的 該標籤 的名字 0 代表之後的第乙個 第0個 例子 用tagname實現js的二級選單效果 學習中心 經典案例 效果圖 jquery的核心 用更少的 做更多的事 jq的選擇機構基於css的選，他提供了快...