請對比html與css的異同,css2與css3的區別是什么?

css主要有三個版本,分別是css1、css2、css3。css2使用的比較多,因為css1的屬性比較少,而css3有一些老式瀏覽器并不支持,所以大家在開發的時候主要還是使用css2。

75cf956a49c4fbedb1a3200f6dfe97b4.png

CSS1提供有關字體、顏色、位置和文本屬性的基本信息,該版本已經得到了目前解析HTML和XML的瀏覽器的廣泛支持。

但自從CSS1的版本之后,又在1998年5月發布了CSS2版本,樣式單得到了更多的充實。

CSS2.0提供給我們了一個機制,讓程序員開發時可以不考慮顯示和界面就可以制作表單和界面,顯示問題可由美工或是程序員后期再來編寫相應的 CSS2.0樣式來解決。

CSS2.0是一套全新的樣式表結構,是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一樣,CSS2.0推薦的是一套內容和表現效果分離的方式,HTML元素可以通過CSS2.0的樣式控制顯示效果,可完全不使用以往HTML中的table和td來定位表單的外觀和樣式,只需使用p和 Li此類HTML標簽來分割元素,之后即可通過CSS2.0樣式來定義表單界面的外觀。

CSS3語言開發是朝著模塊化發展的。以前的規范作為一個模塊實在是太龐大而且比較復雜,所以,把它分解為一些小的模塊,更多新的模塊也被加入進來。

簡單來說就是css2有的屬性css3都有,但是css3有的屬性css2不一定有。 CSS3是最新的版本,效果上CSS2是比不了的,css3可以說是css2的進階,因為css3是在css2的基礎上增加了一些新的屬性。

比如定義圓角、背景顏色漸變、背景圖片大小控制和定義多個背景圖片等很多,這個是CSS2上沒有的效果,現在新版本的瀏覽器基本都支持CSS3,比如IE9、FF4+、chrome11+,但是要用CSS3開發網站的話,要考慮的是還在用低版本瀏覽器的用戶。

區別總結:

1、css3是css2的升級版本,在css2的基礎上增加了一些新的屬性;簡單來說就是css2有的屬性css3都有,但是css3有的屬性css2不一定有。

2、CSS2推薦的是一套內容和表現效果分離的方式,CSS3語言開發是朝著模塊化發展的。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/391986.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/391986.shtml
英文地址,請注明出處:http://en.pswp.cn/news/391986.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

基礎 之 數組

shell中的數組 array (1 2 3) array ([1]ins1 [2]ins2 [3]ins3)array ($(命令)) # 三種定義數組,直接定義,鍵值對,直接用命令做數組的值。${array[*]}${array[]}${array[0]} # 輸出數組中的0位置的值,*和…

Linux_異常_08_本機無法訪問虛擬機web等工程

這是因為防火墻的原因,把響應端口開啟就行了。 # Firewall configuration written by system-config-firewall # Manual customization of this file is not recommended. *filter :INPUT ACCEPT [0:0] :FORWARD ACCEPT [0:0] :OUTPUT ACCEPT [0:0] -A INPUT -m st…

Building a WAMP Dev Environment [3/4] - Installing and Configuring PHP

Moved to http://blog.tangcs.com/2008/10/27/wamp-installing-configuring-php/轉載于:https://www.cnblogs.com/WarrenTang/archive/2008/10/27/1320069.html

ipywidgets_未來價值和Ipywidgets

ipywidgetsHow to use Ipywidgets to visualize future value with different interest rates.如何使用Ipywidgets可視化不同利率下的未來價值。 There are some calculations that even being easy becoming better with a visualization of his terms. Moreover, the sooner…

2019 css 框架_宣布CSS 2019調查狀態

2019 css 框架by Sacha Greif由Sacha Greif 宣布#StateOfCSS 2019調查 (Announcing the #StateOfCSS 2019 Survey) 了解JavaScript狀況之后,幫助我們確定最新CSS趨勢 (After the State of JavaScript, help us identify the latest CSS trends) I’ve been using C…

計算機主機后面輻射大,電腦的背面輻射大嗎

眾所周知,電子產品的輻射都比較大,而電腦是非常常見的電子產品,它也存在著一定的輻射,那么電腦的背面輻射大嗎?下面就一起隨佰佰安全網小編來了解一下吧。有資料顯示,電腦后面的輻射比前面大,長期近距離在…

spring— Bean標簽scope配置和生命周期配置

scope配置 singleton 默認值,單例的prototype 多例的request WEB 項目中,Spring 創建一個 Bean的對象,將對象存入到 request 域中session WEB 項目中,Spring 創建一個 Bean 的對象,將對象存入session 域中global sess…

裝飾器3--裝飾器作用原理

多思考,多記憶!!! 轉載于:https://www.cnblogs.com/momo8238/p/7217345.html

用folium模塊畫地理圖_使用Folium表示您的地理空間數據

用folium模塊畫地理圖As a part of the Data Science community, Geospatial data is one of the most crucial kinds of data to work with. The applications are as simple as ‘Where’s my food delivery order right now?’ and as complex as ‘What is the most optim…

Windows下安裝Python模塊時環境配置

“Win R”打開cmd終端,如果直接在里面使用pip命令的時候,要么出現“syntax invalid”,要么出現: pip is not recognized as an internal or external command, operable program or batch file. 此時需要將C:\Python27\Scripts添加…

播客2008

http://blog.tangcs.com/2008/12/29/year-2008/轉載于:https://www.cnblogs.com/WarrenTang/articles/1364465.html

linear在HTML的作用,CSS3里的linear-gradient()函數

linear-gradient() 函數用于創建一個線性漸變的 "圖像"。為了創建一個線性漸變,你需要設置一個起始點和一個方向(指定為一個角度)的漸變效果。你還要定義終止色。終止色就是你想讓Gecko去平滑的過渡,并且你必須指定至少兩種,當然也…

golang底層深入_帶有Golang的GraphQL:從基礎到高級的深入研究

golang底層深入by Ridham Tarpara由里德姆塔帕拉(Ridham Tarpara) 帶有Golang的GraphQL:從基礎到高級的深入研究 (GraphQL with Golang: A Deep Dive From Basics To Advanced) GraphQL has become a buzzword over the last few years after Facebook made it ope…

spring—Bean實例化三種方式

1&#xff09; 使用無參構造方法實例化 它會根據默認無參構造方法來創建類對象&#xff0c;如果bean中沒有默認無參構造函數&#xff0c;將會創建失敗 <?xml version"1.0" encoding"UTF-8"?> <beans xmlns"http://www.springframework.o…

bzoj 3439: Kpm的MC密碼

Description 背景 想Kpm當年為了防止別人隨便進入他的MC&#xff0c;給他的PC設了各種奇怪的密碼和驗證問題&#xff08;不要問我他是怎么設的。。。&#xff09;&#xff0c;于是乎&#xff0c;他現在理所當然地忘記了密碼&#xff0c;只能來解答那些神奇的身份驗證問題了。。…

python創建類統計屬性_輕松創建統計數據的Python包

python創建類統計屬性介紹 (Introduction) Sometimes you may need a distribution figure for your slide or class. Since you are not using data, you want a quick solution.有時&#xff0c;您的幻燈片或課程可能需要一個分配圖。 由于您不使用數據&#xff0c;因此需要快…

pytorch深度學習_在本完整課程中學習在PyTorch中應用深度學習

pytorch深度學習In this complete course from Fawaz Sammani you will learn the key concepts behind deep learning and how to apply the concepts to a real-life project using PyTorch. 在Fawaz Sammani的完整課程中&#xff0c;您將學習深度學習背后的關鍵概念&#x…

html讓a標簽左右一樣寬,button和a標簽設置相同的css樣式,但是寬度不同

登錄注冊.btn {display: block;-moz-appearance: none;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-radius: 0.25rem;box-sizing: border-box;cursor: pointer;font-family: inherit;font-size: 0.8rem;height: 2rem;line-height: 1.9rem;margin: 0;padding: …

淺析STM32之usbh_def.H

【溫故而知新】類似文章淺析USB HID ReportDesc (HID報告描述符) 現在將en.stm32cubef1\STM32Cube_FW_F1_V1.4.0\Middlewares\ST\STM32_USB_Host_Library\Core\Inc\usbh_def.H /********************************************************************************* file us…

spring—依賴注入

依賴注入&#xff08;Dependency Injection&#xff09; 它是 Spring 框架核心 IOC 的具體實現。 在編寫程序時&#xff0c;通過控制反轉&#xff0c;把對象的創建交給了 Spring&#xff0c;但是代碼中不可能出現沒有依賴的情況。 IOC 解耦只是降低他們的依賴關系&#xff0c;…