奶头挺立呻吟高潮av全片,成人试看120秒体验区,性欧美极品v,A片高潮抽搐揉捏奶头视频

網頁設計

什么是CSS

時間:2024-09-06 00:38:16 羨儀 網頁設計 我要投稿

什么是CSS

  層疊樣式表是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。以下是小編為大家整理的什么是CSS,供大家參考。

  CSS是Cascading style Sheets的簡稱,中文譯作“層疊樣式表單”.

  在網頁制作時采用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。

  只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。

  它的作用可以達到:

  (1)在幾乎所有的瀏覽器上都可以使用。

  (2)以前一些非得通過圖片轉換實現的功能,現在只要用CSS就可以輕松實現,從而更快地下載頁面。

  (3)使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。

  (4)你可以輕松地控制頁面的布局 。

  (5)你可以將許多網頁的風格格式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那么整個站點的所有頁面都會隨之發生變動。

  不依賴圖片的視覺效果:CSS3包含了大量新特性,可以用來創建一些以前只能通過圖片(或腳本)才實現的視覺效果,比如圓角、陰影、半透明背景、漸變以及圖片邊框等。在這些新特性之中,多數是屬于"背景和邊框"(Backgrounds and Borders)模塊的,其余的則屬于"色彩和圖像"(Colors and Image Values)模塊。

  盒容器變形:CSS3中還有一類視覺效果,讓我們可以在2D或者3D空間里操作盒容器的位置和形狀,比如旋轉、縮放或者移動。這些特效稱為變形,在"2D變形"(2D Transforms)和"3D變形"(3D Transforms)模塊中都有涉及。

  獨一無二的字體:"字體"(Font)模塊引入了@font-face規則,讓你能夠引入一個存放于服務器的字體文件,并使用該字體來顯示頁面中的文本,這就突破了以往只能使用用戶機器上的字體的限制,也使得頁面能呈現出更漂亮的頁面。

  強大的選擇器:CSS3新增了十多個選擇器,大部分是偽類和屬性選擇器。你可用它們選取HTML結構中的特定片段而無需增加特定的ID或類,從而精簡代碼并使之更加不易出錯。這些選擇器都描述在"選擇器"(Selectors)模塊里。

  過渡與動畫:CSS3的過渡(transition)在其同名的模塊里描述。它是一種簡單的動畫特效,可以平緩地呈現一個元素的樣式變化。例如,當用戶將鼠標懸停于按鈕之上時漸進且平滑地改變其顏色。更復雜的CSS3"動畫"(animation)特性也在其同名的模塊里有相應描述,它能夠實現更復雜的樣式變化和元素位移,而不需要用到Flash或JavaScript。我們會在第5章討論過渡與動畫。

  媒體信息查詢:"媒體信息查詢"(Media Queries)模塊介紹了如何根據用戶的顯示終端或設備特征來提供樣式,這些特征包括屏幕的可視區域寬度、分辨率以及可顯示的色彩數等。媒體信息查詢是一款非常棒的專門針對移動設備來實現優化的工具。

  多列布局:CSS3引入了幾個新模塊來幫助我們更方便地創建多列布局。"多列布局"(Multi-column Layout)模塊描述了如何像報紙布局那樣把一個簡單的區塊拆分成多列,而"彈性盒容器布局"(Flexible Box Layout)模塊則能夠讓區塊在水平或垂直方向上保持對齊,相對于浮動布局或絕對定位布局來說它顯得更為靈活。此外還有"模板布局"(Template Layout)和"網格定位"(Grid Positioning)的實驗性布局模塊。

  發展歷程

  1990年,Tim Berners-Lee和Robert Cailliau共同發明了Web。1994年,Web真正走出實驗室。

  從HTML被發明開始,樣式就以各種形式存在。不同的瀏覽器結合它們各自的樣式語言為用戶提供頁面效果的控制。最初的HTML只包含很少的顯示屬性。

  隨著HTML的成長,為了滿足頁面設計者的要求,HTML添加了很多顯示功能。但是隨著這些功能的增加,HTML變的越來越雜亂,而且HTML頁面也越來越臃腫。于是CSS便誕生了。

  1994年哈坤·利提出了CSS的最初建議。而當時伯特·波斯正在設計一個名為Argo的瀏覽器,于是他們決定一起設計CSS。

  其實當時在互聯網界已經有過一些統一樣式表語言的建議了,但CSS是第一個含有“層疊”豐意的樣式表語言。在CSS中,一個文件的樣式可以從其他的樣式表中繼承。讀者在有些地方可以使用他自己更喜歡的樣式,在其他地方則繼承或“層疊”作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設計,混合每個人的愛好。

  哈坤于1994年在芝加哥的一次會議上第一次提出了CSS的建議,1995年的www網絡會議上CSS又一次被提出,博斯演示了Argo瀏覽器支持CSS的例子,哈肯也展示了支持CSS的Arena瀏覽器。

  同年,W3C組織成立,CSS的創作成員全部成為了W3C的工作小組并且全力以赴負責研發CSS標準,層疊樣式表的開發終于走上正軌。有越來越多的成員參與其中,例如微軟公司的托馬斯·萊爾頓(Thomas Reaxdon),他的努力最終令Internet Explorer瀏覽器支持CSS標準。哈坤、波斯和其他一些人是這個項目的主要技術負責人。1996年底,CSS初稿已經完成,同年12月,層疊樣式表的第一份正式標準完成,成為w3c的推薦標準。

  1997年初,W3C組織負責CSS的工作組開始討論第一版中沒有涉及到的問題。其討論結果組成了1998年5月出版的CSS規范第二版。

  編程開發

  編程工具

  記事本:使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時,以.html為后綴名進行保存即可。

  Dreamweaver:它與Flash、Fireworks并稱網頁三劍客。Dreamweaver是集網頁制作和管理網站于一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地制作出充滿動感的網頁。

  語言特點

  CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

  總體來說,CSS具有以下特點:

  豐富的樣式定義

  CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

  易于使用和修改

  CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。

  另外,可以將相同樣式的元素進行歸類,使用同一個樣式進行定義,也可以將某個樣式應用到所有同名的HTML標簽中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式聲明進行修改。

  多頁面應用

  CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。

  層疊

  簡單的說,層疊就是對一個元素多次設置同一個樣式,這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些后來定義的樣式將對前面的樣式設置進行重寫,在瀏覽器中看到的將是最后面設置的樣式效果。

  頁面壓縮

  在使用HTML定義頁面效果的網站中,往往需要大量或重復的表格和font元素形成各種規格的文字樣式,這樣做的后果就是會產生大量的HTML標簽,從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在加載頁面時使用的時間也會大大的減少。另外,CSS樣式表的復用更大程度的縮減了頁面的體積,減少下載的時間。

  工作原理

  CSS是一種定義樣式結構如字體、顏色、位置等的語言,被用于描述網頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲于HTML網頁或者單獨的樣式單文件。無論哪一種方式,樣式單包含將樣式應用到指定類型的元素的規則。外部使用時,樣式單規則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。

  樣式規則是可應用于網頁中元素,如文本段落或鏈接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式單直接放在網頁中,外部樣式單保存在獨立的文檔中,網頁通過一個特殊標簽鏈接外部樣式單。

  名稱CSS中的“層疊(cascading)”表示樣式單規則應用于HTML文檔元素的方式。具體地說,CSS樣式單中的樣式形成一個層次結構,更具體的樣式覆蓋通用樣式。樣式規則的優先級由CSS根據這個層次結構決定,從而實現級聯效果。

【什么是CSS】相關文章:

CSS編程的外部CSS文件引用方法是什么06-28

p+css的15個css重則07-08

CSS清除浮動08-27

css背景圖片拉伸填充的屬性是什么10-10

CSS簡寫方法總結06-27

CSS網頁設計技巧08-14

Dreamweaver編寫CSS的教程06-02

Dreamweaver應用CSS樣式09-25

網頁設計css教學08-27

主站蜘蛛池模板: 那曲县| 阜阳市| 泰州市| 板桥市| 永善县| 疏附县| 长白| 蓝田县| 灵川县| 永福县| 哈密市| 大邑县| 衡南县| 合山市| 陆河县| 雷州市| 宝丰县| 上蔡县| 简阳市| 大新县| 芜湖市| 敖汉旗| 乐亭县| 南投县| 电白县| 辽源市| 读书| 聂拉木县| 会昌县| 鄂托克旗| 馆陶县| 崇左市| 洮南市| 华池县| 汶川县| 锦州市| 加查县| 邵阳县| 于田县| 临安市| 南郑县|