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

[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 스펙 지침을 따라야 함.



 


분류 제목
selector CSS - [attribute~=value] 속성선택자 - 특정 속성값단어 (단독 또는 단어앞뒤공백)인 요소…
selector CSS - [attribute|=value] 속성선택자 - 해당속성값 또는 뒤에 하이픈 연결된 속성값 보유 …
selector CSS - [attribute^=value] 속성선택자 ★ - 지정 속성값 문자열로 시작하는 요소. (=시…
selector CSS - [attribute$=value] 속성선택자 - 지정 속성값 문자열로 끝나는 요소 (IE7)
selector CSS - [attribute*=value] 속성선택자 - 지정 속성값 문자열 포함 모든 요소 (IE7)
selector CSS - :link 가상선택자 - 미방문링크 (= 링크선택자)
selector CSS - :visited 가상선택자 ★ -이미 방문한 링크 선택 (= 읽은글/방문글/확인글 표시 = 비지티…
selector CSS - :hover 가상선택자 ★ - 요소에 마우스커서위치시 효과 (= :hover선택자 = 허버선택자,…
selector CSS - :active 가상선택자 - 링크클릭순간 (= 액티브선택자, 링크선택자)
selector CSS - :focus 선택자 - 포커스 된 요소 선택 (= :focus선택자 = 포커스선택자) (IE8…
selector CSS - ::first-letter 가상선택자 - 요소의 첫번째글자 선택 (= ::first-letter선…
selector CSS - ::first-line 가상선택자 - 요소의 첫번째라인 선택 (= ::first-line선택자 =…
selector CSS - :first-child 가상선택자 - 그부모요소의 첫번째자식요소 (= 퍼스트차일드선택자, IE7)
selector CSS - ::before 가상선택자 - 요소 앞에 내용삽입 (= ::before선택자 = 비포어선택자/비…
selector CSS - ::after 가상선택자 ★ - 요소 뒤에 내용삽입 (= ::after선택자 = 에프터선택자/애프…
selector CSS - :lang(language) 가상선택자 - 특정언어속성요소 (= 언어선택자 = 랭선택자, IE8)
intro CSS - inherit (인헤리트) - 상속개념 ★
background CSS - background 속성 ★ - 배경 일괄 (= background속성 = 백그라운드속성)
background CSS - background-color 속성 ★ - 배경색깔(=배경색상=배경컬러 = background-c…
background CSS - background-image 속성 ★ - 배경이미지 (= background-image속성 = …
2/25
목록
찾아주셔서 감사합니다. Since 2012