cssjs怎麼做走向的簡單介紹

本文目錄一覽：

• 1、如何用JS或CSS製作網站導航條
• 2、學了HTMl,CSS,Javascript還是沒有思路寫出靜態網頁怎麼辦？我需要該學哪些事情來增加自己的思路
• 3、如何用css，js實現如圖效果
• 4、公用css和js怎麼處理的

如何用JS或CSS製作網站導航條

下載碩思網頁菜單，有中文破解版得，全圖文傻瓜操作，自動生成js代碼，你只要把代碼放入網頁中就行了

學了HTMl,CSS,Javascript還是沒有思路寫出靜態網頁怎麼辦？我需要該學哪些事情來增加自己的思路

語言只是工具，不是內容。你離寫出靜態網頁，已經成功了一半。還需要從實例出發，多練習、多模仿，在你可以模仿出很多網站頁面後，還可以自己設計網頁，寫出更有主題、更漂亮的網頁。

建議你可以先進行各個常見模塊的實例練習，如：網頁布局、導航欄、多級菜單、滾動圖片、圖文排版。掌握了這些基本模塊後，你可以練習整體實例，如：個人簡歷、班級畫報、企業宣傳網站、購物網站……等等。

打個比方，以做菜為例；你學習了廚具的使用，不代表可以做出可口的飯菜；還要從一道一道菜品的學習和模仿中鍛煉技能的組合。以說話為例，你學習了名詞、動詞、形容詞，不代表可以寫出優美的文章，表達出清晰的主題思想；還需要通過一句話、一個段落、一篇文章的練習才可以。

如何用css，js實現如圖效果

左右2個div

position:absolute;

左邊保留上下左3個邊，右側保留上下左右4個邊

左面z-index大於右邊，讓左面div壓過右面div，壓過的寬度正好是邊框寬即可，簡單示例

.left{

    position:absolute;

    left:0;

    top:0;

    width:100px;

    height:100px;

    border:1px solid #CCC;

    border-right:none;

    z-index:2;

}

.right{

    position:absolute;

    left:100px;

    top:0;

    width:200px;

    height:150px;

    border:1px solid #CCC;

    z-index:1;

}

div style=”position:relative”

    div class=”left”/div

    div class=”right”/div

/div

公用css和js怎麼處理的

使用外部引入的方式，將CSS與JS文件引入到相應的html文件當中，從而降低代碼的冗餘度

引入CSS的方式是通過link標籤

引入JS的方式則是通過script標籤

例如如下代碼：

link rel=”stylesheet” href=”css文件路徑” /

script src=”js文件路徑”/script

在CSS以及JS的使用當中，實際開發當中通常都是使用外部引入的方式進行書寫（包括不共用的CSS代碼），以便於管理，在適當的時候配合html文件內部書寫的方式

如果是新手學習HTML5，建議弄本書把基礎知識打紮實，弄清楚行業里如何開發，而不要只學習知識點，推薦《HTML5布局之路》，基於實際開發工作講解的結構樣式方面的東西