Development(7985)
-
문서 내 지정형(Embedding style)
문서 내 지정형(Embedding style)· 내부 스타일 시트(Internal Style Sheet)라고도 합니다.· HTML문서안에서 별도 영역으로 스타일을 정의하며 일반적으로 사이에 스타일을 정의합니다.· 처럼 사용하는 것이 표준입니다.· HTML문서마다 스타일을 지정해 주어야 하지만, HTML 한 문서에만 적용되는 스타일을 지정할 때 편리하고 간단하게 동일한 서식을 적용할 수 있습니다.
-
태그 내부 삽입형(ln-line style)
태그 내부 삽입형(ln-line style)· 기존의 태그 요소안에 직접 style 속성을 정의하는 방법입니다. 즉, HTML 태그와 섞어서 스타일을 사용합니다.· 태그에 직접 적용하므로 직관적으로 사용이 가능하다는 장점이 있지만 내용과 스타일을 분리하여 스타일을 일괄적으로 적용 및 관리하는 측면에서는 효율적이지 않습니다.· 직관적인 방법이며 CSS목적과는 덜 부합되지만 오류 수정등에 적절히 사용하면 유용합니다. HELLO
-
id 속성과 class 속성, id vs class
id 속성과 class 속성· 모든 태그에는 id 속성과 class 속성을 지정할 수 있습니다.· 이 속성을 사용하면 CSS나 JavaScript등에서 태그를 좀더 쉽게 다룰 수 있습니다. id vs class DOCTYPE html> id,class 선택자에 따라 스타일 적용 #idName { width: 200px; height: 100px; border: 2px solid magenta; } .className { width: 100px; height: 50px; background-color: #0099ff; border: 1px solid green; } idName className1 className2
-
ID 선택자 - id를 선택자로 사용
ID 선택자 - id를 선택자로 사용· id 요소를 호출할 수 있는 스타일 정의· 원하는 HTML 태그에 모두 적용 가능· 지정된 id 하나의 객체에만 한번만 적용· 자바스크립트 함수에서 객체를 사용할 수 있도록 특정 페이지상에서 특정 HTML 태그에 한 번만 적용· 샵(#)을 이용하여 정의하며 반드시 영문으로 시작하는 아이디 이름을 작성 #wrapper { width: 800px; display: block; position: static; } 아이디선택자
-
클래스 선택자 - 클래스를 선택자로 사용
클래스 선택자 - 클래스를 선택자로 사용· 특정 HTML 요소에 적용시키지 않고 독립적으로 특정 부분에 스타일을 적용할 때 사용· 원하는 HTML 태그에 모두 적용· 동일한 클래스명에 적용되므로 여러번 사용할 수 있는 스타일에 정의· 점(.)을 이용하여 정의하여 반드시 영문으로 시작하는 클래스 이름을 작성 .total { width: 800px; } 클래스선택자 클래스선택자
-
HTML 선택자(태그 선택자) - HTML 태그요소를 선택자로 사용
HTML 선택자(태그 선택자) - HTML 태그요소를 선택자로 사용시· HTML 태그의 텍스트 영역에 적용· 해당 태그가 보여지는 방식을 재정의· 페이지 안에 있는 해당 태그 모두에 영향을 주어 스타일이 적용됩니다· CSS를 작성할 때 가장 기본적으로 사용하는 방식 o tag { … }특정 요소에 특정 스타일을 적용 태그에 대한 스타일만 적용