• 회원가입
  • 로그인
  • 구글아이디로 로그인

[intro] CSS - 발전사 (CSS1 → CSS2.01 → CSS) + 제작관리 단체

목차
  1. CSS 발전사
  2. CSS 제작관리 단체


 

CSS 발전사

 
1. 
CSS는 발전 정도에 따라 1, 2, 3 나뉘며, 
새 기능이 생기기도 하고 없어지며 변화.
즉, CSS1, CSS2, CSS3는 별개가 아니라, CSS의 연속된 발전과정임.
 
2.
브라우저 종류 및 DTD 선언 방식에 따라 화면 구현이 달라짐.
(예) CSS2.01 버전에서 새로 생긴 코드 사용 시, IE6 이하 버전에선 작동 X
 
3.
CSS 코드 사용할 땐, 해당 CSS 코드를 어떤 브라우저가 지원하는지 체크 필요.
 
 
CSS1
1996년 12월 시작.

CSS2.01
1998년 5월 시작, 대다수 브라우저 지원, IE7 이상부터 지원. 

CSS3
2005년 12월 시작 현재도 계속 발전 중, W3C가 채택하는 현재 표준.
IE9, IE10 이상부터 최신브라우저만 지원.
 

 

CSS 제작관리 단체

※ 시간 널널하면 읽어보셈. ㅡㅡ;

  • CSS (Cascading Style Sheets)는 월드 와이드 웹 컨소시엄(World Wide Web Consortium, W3C)이란 국제표준기구가 개발 관리 함.
  • W3C는 웹 기술과 표준을 정의/관리하는 주요 기관 중 하나로, 웹 표준의 개발과 채택을 촉진함.
  • W3C는 웹 표준 개발 위해 웹 개발자, 브라우저 제작자, 웹 표준 전문가 등 다양한 이해 관계자들로 구성되어 CSS 스펙 개발/업데이트 함.
  • CSS는 계속 업데이트 발전하므로, 브라우저 업체 및 웹 개발자는 웹 표준 준수 및 웹 브라우저간 호환성 위해 최신 CSS 스펙 지침을 따라야 함.



 


분류 제목
css CSS - unset 속성값 - 상속값 존재 유무에 따라, inherit・initial 속성값 사용. (= …
selector CSS - [attribute^=value] 속성선택자 ★ - 지정 속성값 문자열로 시작하는 요소. (=시…
border CSS - border-bottom-width 속성 - 테두리하단너비 (= 테두리하단두께 = border-b…
responsive CSS - RES Grid-View - (그리드뷰 = 화면너비분할 = 화면분할 = 수동그리드)
selector CSS - [attribute~=value] 속성선택자 - 특정 속성값단어 (단독 또는 단어앞뒤공백)인 요소…
selector CSS - [attribute$=value] 속성선택자 - 지정 속성값 문자열로 끝나는 요소 (IE7)
selector CSS - :placeholder-shown 가상선택자 - 플레이스홀더 텍스트 표시 중인 요소 선택 (= :…
gradient CSS - linear-gradient() 함수 ★ - 선형 그레이디언트 배경이미지 (= 선형 그라디언트 …
border CSS - border-right-style 속성 - 테두리우측모양 (= border-right-style속…
border CSS - border-top-left-radius 속성 - 테두리상단왼쪽둥글기 지정 (= 보더탑레프트레이디…
shadow CSS - box-shadow 속성 - 요소 그림자 효과 주기 (= box-shadow속성 = 박스섀도속성)…
selector CSS - :only-child 가상선택자 - 그 부모의 유일자식요소 (유일선택자, IE9)
flex CSS - FlexBox (플렉스박스) 소개 ★★★ - 새로운 반응형 레이아웃 모델 ※ (가로/세로) (기본…
flex CSS - flex-basis 속성(I) ★ - 아이템 초기 길이 (= 아이템너비 = flex-basis속성…
column CSS - column-span 속성 - 컬럼 병합 여부 지정 (= 컬럼병합 = 컬럼확장 = column-s…
transform CSS - perspective 속성 - 3D요소의 원근 조망. (= perspective속성 = 퍼스펙티브…
text CSS - text-transform 속성 - 텍스트 대소문자 변환 (= text-transform속성 = …
transform CSS - transform-origin 속성 - 변형요소 위치 변경. ( = transform-origin…
box CSS - padding-right 속성 - 안쪽여백우측 (= padding-right속성 = 패딩라이트속…
gradient CSS - radial-gradient() 함수 ★ - 방사형 그레이디언트 배경이미지 (= 방사형 그라디언트…
17/27
목록
찾아주셔서 감사합니다. Since 2012