주제 비교 허브

CSS 2 vs CSS 3

CSS 2 과 CSS 3 의 차이를 구조화된 비교 표에서 확인한 뒤, 관련 면접 질문, 퀴즈, 유사 비교로 이어가세요.

1 비교 포인트

0 관련 비교

차이점 비교

CSS 2 vs CSS 3 - A key comparison and difference of the topics or subjects that will help you understand which is best for your use case. Check out to compare CSS 3 and CSS 2 as very common job interview questions.

비교 개요

CSS 2 과 CSS 3 의 차이

CSS 2 이 나란히 비교의 첫 번째 주제입니다.

1 현재 이 페이지에서 확인할 수 있는 비교 항목입니다.

CSS 3 이 나란히 비교의 두 번째 주제입니다.

CSS 2 Interview Online Test	CSS 3 Interview Online Test
Features added/updated: - Font selection - Tables - Positioning - Cursors - [] matches any tag, e.g {color: red}. - [>] Parent-Child relationship, e.g body>div.header>p{color: red}. - Space can be used to specify that a tag must have other tags as its ancestor. e.g table a img {border:none}. - can be used to specify some restriction on sibling tags. e.g img + p {color:red}. There are special syntax to match some mouse hovering, focusing, behaviors. e.g a:link {color:red}, a:visited {color:green}, a:hover {color:yellow}. - Can be used to match a tag only if it is the first child. e.g li:first-child {color:red}. - :first-letter and :first-line can be used. e.g p:first-letter {color:red}, p:first-line {color:blue}. - You can match the existence of a attribute, by the syntax tagName[attributeName]. e.g a[title] {color:red}. -You can match a tag's attribute's value, using the syntax tagName[attributeName="valueString"]. e.g img[alt="icon"] {border:solid thin red}. - A word in the value of a attribute can be matched, by using the operator ~=. e.g img[alt~="house"] {border:solid thin red}. - Layout are done with attributes �display� and �position�. e.g BBB {display:block; position:absolute; top:300px, left:50px}. - Has the ability to specify a table format. e.g BBB {display: table-row}, CCC {display: table-cell}. - �white-space� has a new behavior spec: nowrap. e.g DDD {white-space: nowrap}. Text can be inserted at the beginning or end of specified tag, using :before and :after. e.g AA:before {content:'Proof: '}, AA:after {content:'End of Proof.'}. - Background Image can be repeated, or just horizontally or vertically. e.g AAA {background-repeat:repeat-x}	Features added/updated: - CSS 3 Selectors - Rounded Corners - border-image - box-shadow - text-shadow - Gradient - RGBA: Color, Now with Opacity - Transform (Element Rotation) - Multicolumn Layout -Web Fonts - border-radius - background-origin and background-clip - background-size e.g background-size: auto 125px; - Multiple Backgrounds e.g background-image: url(sheep.png), url(betweengrassandsky.png); - HSL colors -HSLA colors - opacity - RGBA colors - text-overflow - word-wrap - box-sizing - resize - outline - attribute selectors - nav-top, nav-right, nav-bottom, nav-left - overflow-x, overflow-y - content

CSS 2

Interview Online Test

CSS 3

Interview Online Test

Features added/updated:
- Font selection
- Tables
- Positioning
- Cursors
- [*] matches any tag, e.g *{color: red}.
- [>] Parent-Child relationship, e.g body>div.header>p{color: red}.
- Space can be used to specify that a tag must have other tags as its ancestor. e.g table a img {border:none}.
- can be used to specify some restriction on sibling tags. e.g img + p {color:red}.
There are special syntax to match some mouse hovering, focusing, behaviors. e.g a:link {color:red}, a:visited {color:green}, a:hover {color:yellow}.
- Can be used to match a tag only if it is the first child. e.g li:first-child {color:red}.
- :first-letter and :first-line can be used. e.g p:first-letter {color:red}, p:first-line {color:blue}.
- You can match the existence of a attribute, by the syntax tagName[attributeName]. e.g a[title] {color:red}.
-You can match a tag's attribute's value, using the syntax tagName[attributeName="valueString"]. e.g img[alt="icon"] {border:solid thin red}.
- A word in the value of a attribute can be matched, by using the operator ~=. e.g img[alt~="house"] {border:solid thin red}.
- Layout are done with attributes �display� and �position�. e.g BBB {display:block; position:absolute; top:300px, left:50px}.
- Has the ability to specify a table format. e.g BBB {display: table-row}, CCC {display: table-cell}.
- �white-space� has a new behavior spec: nowrap. e.g DDD {white-space: nowrap}.
Text can be inserted at the beginning or end of specified tag, using :before and :after. e.g AA:before {content:'Proof: '}, AA:after {content:'End of Proof.'}.
- Background Image can be repeated, or just horizontally or vertically. e.g AAA {background-repeat:repeat-x}

Features added/updated:
- CSS 3 Selectors
- Rounded Corners
- border-image
- box-shadow
- text-shadow
- Gradient
- RGBA: Color, Now with Opacity
- Transform (Element Rotation)
- Multicolumn Layout
-Web Fonts
- border-radius
- background-origin and background-clip
- background-size e.g background-size: auto 125px;
- Multiple Backgrounds e.g background-image: url(sheep.png), url(betweengrassandsky.png);
- HSL colors
-HSLA colors
- opacity
- RGBA colors
- text-overflow
- word-wrap
- box-sizing
- resize
- outline
- attribute selectors
- nav-top, nav-right, nav-bottom, nav-left
- overflow-x, overflow-y
- content

복습용 저장

이 항목을 북마크하거나, 어렵게 표시하거나, 복습 세트에 넣을 수 있습니다.

내 학습 라이브러리 열기

도움이 되었나요? 예 아니요

비슷한 비교 더 보기

아래에서 차이점 보기

아래의 모든 주제 비교를 살펴보거나, 위 검색창을 사용해 목록을 즉시 좁혀보세요.

집중 학습 경로, 모의고사, 면접 준비 콘텐츠로 실력을 키우세요.

CSS 2 vs CSS 3

차이점 비교

CSS 2 과 CSS 3 의 차이

복습용 저장

관련 차이점

아래에서 차이점 보기

WithoutBook