Development(7985)
-
id 속성 vs class 속성
id 속성과 class 속성 모든 태그에는 id 속성과 class 속성을 지정할 수 있습니다. 이 속성을 사용하면 CSS나 Java Script등에서 태그를 좀더 쉽게 다룰 수 있습니다. id vs class 구분idclass원칙원칙상 하나의 id당 하나의 태그에만 적용하나의 class당 여러 태그에 적용호출id="아이디명"class="클래스명"선언#아이디명.클래스명 id,class 선택자에 따라 스타일 적용 #idName { width: 200px; height: 100px; border: 2px solid magenta; } .className { width: 100px; height: 50px; background-color: #0099ff; border: 1px solid green; } idNa..
-
CSS 적용방법
CSS 적용방법 태그 선택자와 클래스 선택자 연계 태그 선택자와 아이디 선택자 연계 가상클래스 선택자 클래스 선택자 한 요소에 여러 개의 CSS를 정의할 때 사용 태그_선택자.클래스_선택자 { CSS 선언 }.클래스_선택자 { CSS 선언 } 태그_선택자.클래스_선택자 { CSS 선언 } 클래스 선택자에 따라 적용 ID 선택자 특정 ID를 부여해서 적용시키는 방법 #ID_선택자 { CSS 선언 } 클래스 선택자에 따라 적용 #ID_선택자 { CSS 선언 } ID 선택자에 따라 적용 클래스 선택자와 아이디 선택자 이름의 명칭은 사용자가 임의로 지정하여 사용할수 있으며 특정 태그에 제한 없이 어느 태그에서나 사용가능합니다. 구분클래스 선택자아이디 선택자시작기호.(마침표)#(해쉬)속성명classid역할문서에서..
-
CSS 기본구조
CSS의 기본 구성 요소
-
CSS 주석
CSS 주석 /*로 시작해서 */로 끝남 대/소문자를 구분하지 않음 주석은 소스코드상에서만 표시될 뿐 실제적으로는 아무런 영향을 주지 않는 코드 CSS 주석 예 /* 요소의 글꼴 크기('font-size')의 120% */ p { line-height: 120%; } CDATA 주석 W3C가 권고하는 CDATA 주석 문법 사용 시""는 CSS 미인식 웹 브라우저에서 해당 내용이 그대로 출력되는 것을 방지 [CDATA[ CSS 선언 //]]> 주석문 비교 구분주석 표기CSS 주석/* CSS 주석 */HTML 주석JavaScript 주석/* JavaScript 주석 */ //한 줄 주석 처리
-
CSS version
CSS는 CSS1부터 CSS3까지 버전이 계속 발전해오고 있습니다. CSS1 1996년 12월에 W3C에서 첫 번째 공식 버전을 발표 CSS1은 텍스트 서식과 폰트 설정 그리고 마진 설정과 같은 CSS와 관련한 핵심 기능이 포함되어 있습니다. CSS1은 넷스케이프4와 인터넷 익스플로러3, 4에서 지원되었습니다. CSS2 1998년 5월에 권고안이 발표되었으며, 현재 브라우저에서 가장 많이 채택되어 사용되고 있는 버전이기도 합니다. CSS2는 이전 버전의 모든 속성을 포함하고 있을 뿐만 아니라, 국제적인 웹 접근성 및 미디어 관련 CSS를 포함되어 있스니다. 이후 2006년에는 CSS2.1 수정 버전을 발표하고 이전 버전에서 발생한 일부 에러를 수정하였습니다. CSS3 2005년 12월 이후 계속 개발 중..
-
HTML, CSS, JS 관계표
HTML, CSS, JS 관계표 웹 기술의 세가지 구성요소인 HTML과 CSS, JavaScript의 이해를 돕기 위한 표 구분핵심요소기능역할영어와 비교 HTML구조 콘텐츠noun(명사)CSS표현디자인adjective(형용사) adverb(부사) JavaScript기능비즈니스로직verb(동사)