談談在網站制作中會用到的一些CSS屬性
2021-07-15 分類： 網站制作
DIV+CSS相信到了今天,已經深入到了每個網站制作人員的內心.像一些網頁特效,一些菜單實現原理,簡單的說就是：通過相關的頁面元素的CSS屬性的設置,來進行一些效果的實現.還有,通過激發(fā)一定的事件,可以使用javascript來動態(tài)的改變這些屬性實現一些更豐富的效果.
1、介紹幾個CSS屬性
下面是幾個常見的CSS屬性,簡單的為大家介紹下.
Position屬性:定位屬性,其可以取值有static/absolute/relative,其代表的含義簡單的說即無定位/絕對定位/相對定位;
Left:距離左側的位置（具體的參照物和position的設置有關）,單位為px或%;
Top:距離頂部的位置（具體的參照物和position的設置有關）,單位為px或%;
Display:這個屬性表示網頁元素的顯示狀態(tài),例如,如果設置為block表示做為塊狀元素來進行顯示,none表示這個元素為不顯示,inline,表示這個元素會被顯示為內聯(lián)元素,元素前后沒有換行符.還有一些屬性的設置類別,這里就不多說了,想要詳細了解的話,大家可以查詢下相關的W3C之類的手冊.
2、如何用javascript控制網頁元素的CSS屬性？
廣大網站行業(yè)的朋友應該都熟悉HTML了,我們知道,幾乎每個標記都會有一個style屬性,我們可以通過設置這個屬性來設置標記的CSS屬性.在javascript里面,每一個標記都會被當作Document對象里面的一個子對象,這個標記的每個HTML屬性也都是這個對象的屬性或子對象,這里的style就算一個,我們可以使用javascript來控制style的屬性,這樣就能夠實現一些效果.
1、介紹幾個CSS屬性
下面是幾個常見的CSS屬性,簡單的為大家介紹下.
Position屬性:定位屬性,其可以取值有static/absolute/relative,其代表的含義簡單的說即無定位/絕對定位/相對定位;
Left:距離左側的位置（具體的參照物和position的設置有關）,單位為px或%;
Top:距離頂部的位置（具體的參照物和position的設置有關）,單位為px或%;
Display:這個屬性表示網頁元素的顯示狀態(tài),例如,如果設置為block表示做為塊狀元素來進行顯示,none表示這個元素為不顯示,inline,表示這個元素會被顯示為內聯(lián)元素,元素前后沒有換行符.還有一些屬性的設置類別,這里就不多說了,想要詳細了解的話,大家可以查詢下相關的W3C之類的手冊.
2、如何用javascript控制網頁元素的CSS屬性？
廣大網站行業(yè)的朋友應該都熟悉HTML了,我們知道,幾乎每個標記都會有一個style屬性,我們可以通過設置這個屬性來設置標記的CSS屬性.在javascript里面,每一個標記都會被當作Document對象里面的一個子對象,這個標記的每個HTML屬性也都是這個對象的屬性或子對象,這里的style就算一個,我們可以使用javascript來控制style的屬性,這樣就能夠實現一些效果.
這里網站建設公司的創(chuàng)新互聯(lián)需要給大家說的是,在前面只說了怎么樣實現定位,怎么實現動態(tài)控制,那么定位的、控制的是什么元素呢?現在,很多塊狀元素（比如像div、table）都能夠實現控制.我們制作的時候,大家可以多利用這些方式來實現一些網頁效果.
本文由成都創(chuàng)新互聯(lián)科技有限公司（m.2m8n56k.cn）原創(chuàng)編輯轉載請注明。
網站欄目：談談在網站制作中會用到的一些CSS屬性
當前URL：http://m.2m8n56k.cn/news/119593.html
網站建設、網絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 談談網站制作中功能性網頁與界面的設計 2021-07-15
- 從主觀角度簡單談談網站制作的過程 2021-07-15
- 在網站制作時要把用戶體驗放到“第一位” 2021-07-15
- 在網站制作中要注意設計與用戶間的互動功能 2021-07-15
- 網站制作中錨文本布局以及變化的意義 2021-07-15
- 網站制作中關于網頁搜索引擎的禁止機制 2021-07-14
- 網站制作完成后的優(yōu)化學習—了解搜索引擎的地址庫 2021-07-14
- 大型ASP.NET網站制作系統(tǒng)測試流程與測試原則 2021-07-14
- 加強ASP購物營銷網站制作與系統(tǒng)測試 2021-07-14
- 充分理解幾個網站制作優(yōu)化中的關鍵詞概念 2021-07-14
- 新聞網站制作要學會利用好寶貴的頁面 2021-07-15
- 在網站制作中如何設計才能更加吸引用戶的目光？ 2021-07-15
- 網站制作中應避免搜索引擎的優(yōu)化問題 2021-07-14
- ASP.net 網站制作學習—幾個ASP技術的概念認識 2021-07-14
- 網站制作推廣技術提高:關于搜索引擎的搜索與排名認識 2021-07-14
- 網站制作優(yōu)化學習提高—搜索引擎搜索詞處理原理 2021-07-14
- 網站制作中的優(yōu)化課題—學會分析競爭對手的網站優(yōu)化狀況 2021-07-14
- 網站制作優(yōu)化技術提高—深入學習搜索引擎的幾個概念 2021-07-14
- 搜索引擎原理深入學習—網站制作要懂得板塊的優(yōu)化 2021-07-14