본문 바로가기

javascript3

16. CSS / 속성 - 배경 background ( 요소의 배경을 설정 단축속성 ) background-color 값으로 색상(rgb, 색상, #xxxxxx )을 입력하고 투명색인 transparent 도 사용이 가능하다. background-image 기본값은 none(이미지 없음)이 있고 이미지를 넣으여면 url("경로")를 넣어준다. 주의사항 -> 이미지를 다수 추가할 경우 나중에 삽입한 이미지가 뒤에 쌓인다(순서가 반대) ( 첫 요소의 이미지가 맨위 에서 보임). -> 백그라운드이미지의 반복여부는 기본값으로 반복으로 되어있다.해제 -> background-repeat : no-repeat; background-repeat background-position background-attachment 2021. 2. 18.
14. CSS / 속성 - 글꼴, 문자 CSS 속성 (글꼴, 문자) font ( 글자 관련 속성들을 지정 ) - 개별 속성 -단축 속성 ( font : 기울기 두께 크기 / 줄높이 글꼴; ) 크기와 글꼴은 필수로 입력해야된다. font-style ( 기본값 normal ) font-weight ( 글자의 두깨를 지정 ) font-size ( 글자의 크기를 지정 ) 기본적으로 - px,em,cm 사용 하며 기본값으로 16px로 지정이되어 있다. - % ( 부모 (상위) 요소의 비율로 지정 ) line-height ( 줄 높이를 지정 ) font-family ( 글꼴 지정 ) 색상표현법 color 속성 ( 문자의 색상을 지정 ) 기본값 rgv(0, 0, 0) text-align ( 문자 정렬 방식을 지정 ) text-decoration ( 문자의.. 2021. 2. 16.
09. HTML / 전역 속성, 기타 전역 속성과 기타 class 와 id ( 별명 별칭을 지정 하는 기능 ) - css 혹은 JavaScript의 요소 선택기를 통해서 요소를 선택하거나 접근 -class는 문서에서 고유하지 않아 여러개 설정가능 (중복 가능) -> .(점) 으로 접근 가능 class="avc" .avc {} -id는 문서에서 고유한 식별자 ( 오직 한개 ) -> # 으로 접근 가능 id="avc" #avc{} style 속성 ( 요소에 적용할 css를 선언 ) -ex) title 속성 ( 요소의 설명을 지정 ) -ex) 제목 -> 제목에 마우스 커서를 대면 title이 표시된다. lang 속성 ( 요소의 언어를 지정 ) data-* 속성 ( 사용자 정의 데이터 속성을 지정 ) JavaScript에서 이용할 수 있는 데이터(.. 2021. 2. 4.