成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? CSS3.0和CSS2.0的區別是什么?
全站頭部文字 我要出現在這里
CSS3.0和CSS2.0的區別是什么? 824 2023-11-24   

CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。由于CSS2的大量普及應用,逐漸的從CSS2開始大家就簡稱為CSS。那么CSS3.0和CSS2.0有什么區別?本文綠夏SEO為大家詳細介紹。

CSS3.0和CSS2.0的區別

一、什么是CSS

CSS,英文全稱為“Cascading Style Sheets”,即“層疊樣式表”,是一種用于設置網頁樣式的標記語言,它可以為網頁添加顏色、字體、背景、布局等外觀樣式。CSS 的設計是為了展示與內容的分離,從而使網頁的結構與呈現分離出來,使得網頁制作更加易于維護和升級。

在Web設計中,CSS一般應用于HTML、XHTML以及XML等Markup語言。在網頁制作中,使用CSS可以實現以下功能:

1、網頁布局:利用CSS中的box模型(盒子模型)來進行布局設置,可以實現簡單的網頁布局。
2、網頁樣式:CSS中定義的樣式包括文字樣式、背景樣式、列表樣式、表格樣式等,使得網頁更加美觀。
3、響應式布局:CSS可以根據不同設備和屏幕尺寸,為網站設置不同的樣式,從而實現網頁響應式布局。
4、動態效果:CSS中支持多種動態效果,如漸變、動畫、過渡等,使得網頁更加生動、藝術化。

二、CSS3.0和CSS2.0的區別

CSS2.0是一套全新的樣式表結構,是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一樣,CSS2.0推薦的是一套內容和表現效果分離的方式,HTML元素可以通過CSS2.0的樣式控制顯示效果。

可完全不使用以往HTML中的table和td來定位表單的外觀和樣式,只需使用div和Li此類HTML標簽來分割元素,之后即可通過CSS2.0樣式來定義表單界面的外觀。

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

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

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

三、CSS3.0新增的屬性

animation (and eight associated longhand properties)
background-clip
background-origin
background-size
border-radius (and four associated longhand properties)
border-image (and six associated longhand properties)
box-decoration-break
box-shadow
box-sizing
columns (and thirteen associated multi-column properties)
clear-after
flex (and eleven associated flexbox properties)
font-stretch
font-size-adjust
font-synthesis
font-kerning
font-variant-caps
hanging-punctuation
hyphens
icon
image-resolution
image-orientation
line-break
object-fit
object-position
opacity
outline-offset
overflow-wrap / word-wrap
backface-visibility
perspective
perspective-origin
pointer-events (for HTML)
resize
tab-size
text-align-last
text-decoration-line
text-decoration-skip
text-decoration-position
text-decoration-style
text-emphasis (and three associated properties)
text-justify
text-orientation
text-overflow
transform
transform-style
text-shadow
transition (and four associated longhand properties)
word-break
word-spacing
writing-mode

總的來說,CSS3.0提供了更多的新特性和功能,可以更加精細和靈活地控制網頁樣式和布局,如圓角、陰影、偽類。但CSS3中90%以上CSS樣式單詞是CSS2的,只是在CSS上新增和重用小部分CSS單詞樣式。所以要學習CSS3必須的掌握CSS2常用樣式和語法、靈活應用布局技巧,才能靈活使用CSS3樣式。


主站蜘蛛池模板: 疖子一般几天能熟出脓| 卫星掉落| 三夫 电影| 白上之黑电影高清完整版在线观看| 五年级下册第九课古诗三首课堂笔记| 乔军| 上山悠亚| 暗潮危机电影完整版在线观看| 叶问3演员表| 日韩电影免费观| 张小斐和雷佳音的电影| 邓为个人介绍| 大学英语精读4课后答案| 新民歌| 李玟雨| 禁忌的恋爱关系一部| 美丽的坏女人中文字幕| 电影《来的都是客》| 瓶邪图片| 三大| 团结就是力量歌词完整| 裸舞在线观看| 能哥| 薄冰电视剧| 陆海涛| 碧海晴天| 视频一二三| 木野真琴| yoshizawa akiho| 香帅传奇| 爱播| 繁城| 最危险的游戏| 成人免费高清在线视频| 被侵犯| 和平饭店电视剧42集免费观看| 刘德华歌| 免费成人结看片| 扫把代表什么数字| 火辣监狱电影在线观看| 电影《瞬间》|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103