WEB/CSS 3

font style 문자 스타일 정리집

font style 문자 스타일 정리집 font-style .normal { font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; } font-family font-family속성은 하나 이상의 글꼴 모음을 쉼표로 구분하여 나열합니다. 각 글꼴 패밀리는 또는 값 으로 지정됩니다 . 아래 예에는 두 개의 글꼴 모음이 나열되어 있습니다. 첫 번째는 a 이고 두 번째는 a 입니다 . 글꼴 모음의 이름입니다. 예를 들어 "Times"와 "Helvetica"는 글꼴 모음입니다. 공백이 포함된 글꼴 패밀리 이름은 따옴표로 묶어야 합니다. 예: "Comic Sans MS". 일반 글꼴 패밀리는 지정된 글꼴을 사용할 수..

WEB/CSS 2023.03.02

id와 class의 차이점

선택자 (selector) HTMl문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있다. 선택자의 종류는 type선택자, id선택자, class선택자, 등이 있다 / id와 class의 차이점 " id선택자 HTML 요소에 id 로 이름을 붙일 때에는 유일한 이름을 부여해야 하며, 다른요소에 같은 id명을 또 주면 안된다. CSS에서는 id선택자앞에 #을 붙여야 한다. *id명이나 class명은 숫자로 시작할 수 없고, 주로 영문으로 시작한다. " class선택자 HTML 문서의 여러 요소 중 같은 이름을 갖는 요소들만 모아 따로 속성을 부여할 수 있다. HTML요소에 같은 이름을 부여할 때에는 class로 이름을 붙인다. 즉, 여러개의 요소에 같은 class명을 부여 할..

WEB/CSS 2023.02.22

CSS 표현방법

" CSS 기본문법 CSS(Cascading Style Sheet)를 정의하는 방법으로는 내부 스타일시트, 외부스타일시트, 인라인 스타일시트 등이 있습니다. 01 / 내부 스타일시트 CSS를 HTML문서 안에 로 기재하여 HTML문서 안에 CSS가 함께 저장되도록 하는 형태입니다. 02 / 외부 스타일시트 스타일 속성들을 따로 저장하여 HTML문서에 파일명으로 연결할 수 있습니다. 이때 스타일은 *.css확장자를 가진 별도의 파일로 저장하고, HTML에서는 태그를 이용하여 선언합니다. 03 / 인라인 스타일시트

WEB/CSS 2023.02.20
반응형