您現在的位置是:電腦技術吧?>? 基礎知識 ??>??網頁打印技巧,網頁制作技巧??>??正文詳情

網頁打印技巧,網頁制作技巧

崔卓逸2019-11-18 11:50:34 人圍觀
簡介實用的在線網頁版工具技巧了解CSS層疊樣式表(CSS)是一組控制網頁內容外觀的格式規則。當使用CSS格式化頁面時,內容和演示文稿是相互獨立的。頁面內容(HTML代碼)位于自己的HTM

了解 CSS  層疊樣式表 (CSS) 是一系列格式設置規則,它們控制 Web 頁面內容的外觀。

使用 CSS 設置頁面格式時,內容與表現形式是相互分開的。

頁面內容(HTML 代碼)位于自身的 HTML 文件中,而定義代碼表現形式的 CSS 規則位于另一個文件(外部樣式表)或 HTML 文檔的另一部分(通常為 部分)中。

使用 CSS 可以非常靈活并更好地控制頁面的外觀,從精確的布局定位到特定的字體和樣式等。

  CSS 使您可以控制許多僅使用 HTML 無法控制的屬性。

例如,您可以為所選文本指定不同的字體大小和單位(像素、磅值等)。

通過使用 CSS 從而以像素為單位設置字體大小,還可以確保在多個瀏覽器中以更一致的方式處理頁面布局和外觀。

  CSS 格式設置規則由兩部分組成:選擇器和聲明。

選擇器是標識已設置格式元素(如 P、H1、類名稱或 ID)的術語,而聲明則用于定義樣式元素。

在下面的示例中,H1 是選擇器,介于大括號 ({}) 之間的所有內容都是聲明:  H1 {  font-size:16 pixels;  font-family:Helvetica;  font-weight:bold;  }  聲明由兩部分組成:屬性(如 font-family)和值(如 Helvetica)。

上述示例為 H1 標簽創建了樣式:鏈接到此樣式的所有 H1 標簽的文本都將是 16 像素大小并使用 Helvetica 字體和粗體。

  術語層疊是指對同一個元素或 Web 頁面應用多個樣式的能力。

例如,可以創建一個 CSS 規則來應用顏色,創建另一個規則來應用邊距,然后將兩者應用于一個頁面中的同一文本。

所定義的樣式層疊到您的 Web 頁面上的元素,并最終創建您想要的設計。

  CSS 的主要優點是容易更新;只要對一處 CSS 規則進行更新,則使用該定義樣式的所有文檔的格式都會自動更新為新樣式。

  在 Dreamweaver 中可以定義以下規則類型:  自定義 CSS 規則(也稱為類樣式)使您可以將樣式屬性應用到任何文本范圍或文本塊。

所有類樣式均以句點 (.) 開頭。

例如,您可以創建稱為 .red 的類樣式,設置規則的 color 屬性為紅色,然后將該樣式應用到一部分已定義樣式的段落文本中。

  HTML 標簽規則重定義特定標簽(如 p 或 h1)的格式。

創建或更改 h1 標簽的 CSS 規則時,所有用 h1 標簽設置了格式的文本都會立即更新。

  CSS 選擇器規則(高級樣式)重定義特定元素組合的格式,或其它 CSS 允許的選擇器形式的格式(例如,每當 h2 標題出現在表格單元格內時,就應用選擇器 td h2)。

高級樣式還可以重定義包含特定 id 屬性的標簽的格式(例如,由 #myStyle 定義的樣式可以應用到所有包含屬性/值對 id=myStyle 的標簽)。

版權聲明:本文由 崔卓逸 整理編輯。

原標題:網站技巧,網頁設計技巧

轉載注明出處:http://www.dn9ww09s.icu/basics/13492.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • wpsppt圖片自動播放設置,wps演示文稿如何自動播放

    wpsppt圖片自動播放設置,wps演示文稿如何自動播放 相關圖片wps怎樣設置幻燈片放映時間WPS演示憑借其強大的功能受到很多小伙伴的喜愛,所以很多人都說不知道如何設置WPS幻燈片的自動播放?如何刪除或替換WPS幻燈片?現在,超人軟件小編將為...

  • 全屏,怎么全屏

    全屏,怎么全屏 相關圖片電腦全屏截圖HTML5全屏(full screen)API詳細介紹了越來越多的真實web應用程序,JavaScript變得越來越強大。全屏API是一種新的JavaScrip全屏輸入...

  • 2019哈羅單車收費標準,哈羅單車app下載

    2019哈羅單車收費標準,哈羅單車app下載 相關圖片哈羅單車怎么加盟自從哈羅單車與永安行合并之后,路上的哈羅單車越來越多了,用戶的騎行也越來越方便。那么哈羅單車怎么收費?支付寶怎么免押金騎哈羅單車呢?下面,就跟著超人軟...

  • quik如何添加文字,quik保存不了

    quik如何添加文字,quik保存不了 相關圖片quik為什么只有幾秒Quik是一款非常好的視頻制作軟件,相信有很多小伙伴都想用自己的音樂作為背景音樂。那么Quik如何添加背景音樂呢?現在,超人軟件編輯也想介紹一下如何使用Quik...

  • 平面轉三維,從后期轉平面

    平面轉三維,從后期轉平面 相關圖片如何自學ui設計樂天 衛理公會教徒@斯圖:有時候當你做UI的時候,你真的看到了天賦。你知道很多不是設計專業的設計師。經過半年的自學,你開始工作了。在不到一年的時間里,這是...

  • 金山詞霸無法屏幕取詞,金山詞霸屏幕取詞不顯示翻譯

    金山詞霸無法屏幕取詞,金山詞霸屏幕取詞不顯示翻譯 相關圖片金山詞霸如何取詞金山詞霸以其專業的翻譯能力深受人們的喜愛。最近,金山詞霸的很多用戶都說不知道金山詞霸是如何在屏幕上選詞的?金山詞霸如何導入生詞?接下來,超人軟件編...

  • 頁面跳轉,頁面升級跳轉

    頁面跳轉,頁面升級跳轉 相關圖片頁面訪問跳轉緊急大通知最近,我一直在做交互規范總結的工作。在梳理頁面跳轉的邏輯時,發現頁面之間的邏輯關系并不能很好地結合頁面跳轉的動態效果。雖然只有幾秒鐘的切換效...

  • snapchat全濾鏡怎么找,snapchat怎么編輯圖片加濾鏡

    snapchat全濾鏡怎么找,snapchat怎么編輯圖片加濾鏡 相關圖片snapchat變臉濾鏡Snapchat是一款照片分享應用程序,它最大的特點是閱讀后燃燒。最近,許多用戶不知道如何向snapchat添加過濾器。snapchat如何提高分數?現在,是超snapchat調出更多特效...

  • 3d怎么旋轉,3d怎么旋轉物體

    3d怎么旋轉,3d怎么旋轉物體 相關圖片可以用3d旋轉工具的對象是本教程的重點是編碼,版本為3.0。只要你做一個旋轉的三維球,圖形組件的生產將不會被解釋。請參考包括math2在內的相關教程。As//image containe3d旋轉相冊...

  • dwcs5序列號,dwcs5永久序列號

    dwcs5序列號,dwcs5永久序列號 相關圖片dw怎么查序列號Dreamweaver是一款功能強大的網頁設計和制作軟件。最新版本的Dreamweaver產品需要激活才能正常使用,Dreamweaver CS5也不例外。小編dw安裝序列號...

熱評文章

  • 心悅會員首次激活在哪,心悅v1在哪開通

    心悅會員首次激活在哪,心悅v1在哪開通 相關圖片手機上qq心悅會員圖標新悅會員是指騰訊游戲2011年推出的高端服務俱樂部會員,可享受優質的私人服務特權和尊貴的游戲特權。因為新悅會員可以享受很多游戲特權和優惠,很多玩家都...

  • 什么是兼容性問題,怎么處理兼容性問題

    什么是兼容性問題,怎么處理兼容性問題 相關圖片此程序存在兼容性問題過去,在制作網頁時,只考慮IE6和FF的兼容性。公司改變了,要求也很高。FF和IE 678應該完全兼容。當單獨遇到hackeie8的時候。當然,使用注釋非常方便如何解決軟...

  • 錘子m1,錘子m1參數

    錘子m1,錘子m1參數 相關圖片錘子M1是一款由hammer technology推出的智能手機。最近,很多M1的用戶表示,他們不知道如何檢查M1的功耗以及如何打開開發者選項。接下來,超人軟件將為錘子m1l拆機...

  • excel里怎么做下拉菜單,07excel下拉菜單怎么做

    excel里怎么做下拉菜單,07excel下拉菜單怎么做 相關圖片excel一級下拉菜單怎么做我們通常使用Excel來記錄表格數據。事實上,excel功能強大,并具有其他有趣和實用的功能。例如,許多人已經看到了Excel的下拉菜單,但是他們不知道怎么做1e...

  • HTML語義化,HTML語義化的理解

    HTML語義化,HTML語義化的理解 相關圖片html語義化標簽有哪些家里有一個熊孩子,經常會發生一些意想不到的事情:當他回家時,他會過來對臭爸爸哭笑不得;當你讓他穿上鞋子時,他會把鞋子抬起來扔到樓下孩子的世界里。...

  • 楊虎圍匡是什么意思,四上四下是什么意思

    楊虎圍匡是什么意思,四上四下是什么意思 相關圖片processon教程Processon是一個在線思維導圖制作平臺。您可以直接使用processon online構建思維導圖、流程圖和其他內容,而無需下載。這是一個非常強大和易于使流程圖processon導出...

  • 圖形元件,怎樣創建圖形元件

    圖形元件,怎樣創建圖形元件 相關圖片圖形元件的作用同步一天的客戶要求您在網站的頁面上創建公司角色徽標。您可以使用多個關鍵幀和修補動畫沿引線設置其角色(嵌套在組件中)的動畫,將其作為最終版本提供給客戶...

  • 12306 常用聯系人上限,12306常用聯系人上限是多少

    12306 常用聯系人上限,12306常用聯系人上限是多少 相關圖片12306添加常用聯系人在購買火車票和高鐵車票時,出于安全考慮,我們將使用12306官方應用程序購買車票。為了方便起見,想買票的小伙伴通常會加入普通聯系人一起買票。但是,需要注...

  • 酷炫的網站,國內酷炫的網站

    酷炫的網站,國內酷炫的網站 相關圖片酷炫在HTML5出現之后,它以炫目華麗的視覺效果吸引了人們的眼球。許多令人驚奇的想法很容易實現。今天,我們收集了21個獨特的HTML5 CSS3網站來展示你的膝蓋。炫酷網站設計...

  • datauser是什么意思,userdata是什么文件

    datauser是什么意思,userdata是什么文件 相關圖片91userdata是什么意思用戶數據是指用戶數據,它是計算機中的系統文件之一。如果刪除UserData生成的XML并再次打開頁面,JS將報告無效數據UserData數據是由計算機操作生成的五件套里userda...

關注微信

变脸官网查询