自己常犯html常見的小錯誤

1.連結的網址，在該檔案所在位置旁邊的資料夾的話：
資料夾名 / 檔案名 （對的）
而非
/ 資料夾名 / 檔案名 （錯的）

ex：web/index.html，連結一個css檔在 web/css/layout.css，
則連結就在： css/layout.css 而非 /css/layout.css

留言

張貼留言

這個網誌中的熱門文章

html嵌入youtube影片當背景，並靜音

網路上看到至少三種以上教學，我依序放上我試過的： 首先，先知道影片內容， https://www.youtube.com/watch?v=YrLk4vdY28Q watch?v=XXXXXXXXX，後面即為id 若後面還有?rel或什麼什麼的，一律不管刪掉 第一種，簡單嵌入式，用div控制大小，並用iframe的參數來控制影片 來源： https://blog.allenchou.cc/youtube-video-background/ ---------- <div style="position: fixed; z-index: -99; width: 100%; height: 100%">   <iframe frameborder="0" height="100%" width="100%" src="我的影片?autoplay=1&controls=0&showinfo=0&autohide=1" frameborder="0" allowfullscreen> </iframe> </div> <div id="muteYouTubeVideoPlayer"></div> ------------ 在src來源的部份，有autoplay，controls，showinfo，autohide這些 autoplay // 在讀取時自動播放影片 0為不播放 controls // 在播放器顯示暫停／播放按鈕 0為不出現 showinfo // 隱藏影片標題 1為不出現 autohide // 播放影片時隱藏影片控制列 0為不出現 fs // 顯示全螢幕按鈕 0為不出現 loop //循環播放 0為不循環 但，以上的問題就是沒有靜音功能… 然後，找到一個網站，在iframe上設定參數，增加一個volumn="0" 如下 <iframe width="640" heigh...
閱讀完整內容

css小發現：隱藏捲軸、強迫物件換行

有時在設定固定範圍物件時，總會有那麼奇怪的事發生： 就是捲軸竟然出現了！明明就剛剛好大小，怎麼會發生這樣的事呢… 這時就有css的設定出現了： overflow-y: scroll; overflow-x: hidden; 有x跟y兩個 除此之外，相關的設定有： 加入/隱藏捲軸語法 預設使用捲軸        overflow:auto; 刪除捲軸               overflow:hidden; 刪除水平捲軸        overflow-x:hidden; 刪除垂直捲軸        overflow-y:hidden; 捲軸變色 可放在所有有捲軸的地方，一般來說放在html{}裡就可。 html{ scrollbar-face-color: 色碼;    /*捲軸顏色*/ scrollbar-highlight-color: 色碼;    /*捲軸左與上內邊框*/ scrollbar-shadow-color: 色碼;    /*捲軸右與下內邊框*/ scrollbar-3dlight-color: 色碼;     /*捲軸左與上外邊框*/ scrollbar-darkshadow-color: 色碼;    /*捲軸右與下外邊框*/ scrollbar-arrow-color: 色碼;    /*捲軸箭頭*/ scrollbar-track-color: 色碼;   /*捲軸底色*/ } 捲軸左置 建議不要把主框架捲軸左置；文字會變成全部倒反，會不太好處理。 捲軸左置語法    direction: rtl; 語法加在你想改的捲軸語法欄位即可(有捲軸的地方皆可)。 例如我想把主選單的捲軸左置則:#links {direction: rtl;} 資料夾、欄位加入捲軸 有些欄位(最新回應、最新引用...之類)，總是佔了...
閱讀完整內容

{jQuery心得}.map與.get取得數值的不同

html <div>One</div> <div>Two</div> <div>Three</div> map： 將目前相符集合中的每個元素傳入函式內 產生包含傳回值的新jquery物件 Script:map var cont = $('div').map(function(){ return $(this).text(); }); alert(cont) 會得到 [object Object] 因此，要將東西叫出來時，會使用 .get(),join() =================華麗的分隔線================= get: 取得jqyery物件所選取的dom元素 Script:get var cont = $('div').get(); alert(cont); 則會取得 [object HTMLDivElement],[object HTMLDivElement],[object HTMLDivElement] 將東西叫出來時，則使用 innerHTML
閱讀完整內容