教學影片:Effective Navigation Development 重點語法整理: 置中範例:設定寬度,運用margin使其置中 !!設置像素寬度,寬度即使縮小視窗也不會改變, 設置百分比寬度,寬度會隨著視窗大小作寬度的比例縮放 .body-content margin: 0 auto;
Unlock the Secret to the Lens Flare in Photoshop 有時候當我們想幫照片加上鏡頭反光Len Flare時,會遇上一些限制 解決方法的整理筆記如下: 1.複製欲加上光源效果的現有圖層 2.點選 濾鏡Filter光源效果Render 鏡頭反光Len fla
2.4 Boxes and Columns - 兩欄式設定 HTML Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt velit ante, non laoreet est facilisis qui
一個簡單,響應式,流動式導覽教學 簡單地說,是要先設計一個小屏幕的界面,然後才設計大屏幕的界面 p, ul margin: 0 0 1.5em; /表示標籤與皆套用此規則/ /shorter clearfix header:before, header:after content:; di
用於省去開啟新檔案時,保留基礎的起始語法 下載 Brackets-HTML-Templates這套外掛 打開Brackets這套軟體,點選右側的快捷圖示擴充功能管理員 在彈出視窗下方選擇由URL安裝或是直接將下載的ZIP拖拉至方形虛線框形中進行安裝 使用方法 1.必須先點選左側任一個別檔案非資料夾
這套軟體可自由切換至繁體中文 安裝完以後,也可以透過左側的index.html來學習基本功能 將滑鼠游標停留在html標籤上,按下快捷鍵ctrlE 便可以立即查看相關的css規則 按下快捷鍵ESC就可以關閉CSS規格顯示視窗 按下快捷鍵 Ctrl Alt P 便可以即使預覽,或是按下右上角的閃電
快捷提示:別忘記Viewport Meta標籤 下列的值可以作為我們的默認設定模版: 結論 流動式的網頁佈局設計不僅僅是給那些喜歡調整他們瀏覽器大小的人所用的, 它為的是能滿足不同設備,屏幕和分辨率的需要!當你在做流動式設計的時候, 加入viewport meta標籤,並且在CSS裡面設定@vie
div:selection color:black; background-color:yellow; div:first_letter font-size:36px div:first-line font-size:24px; color:green; div:first-child::f
軟硬體資訊 (4)