일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- padding
- css단위
- css여백설정
- margin
- css상속속성
- 선택자우선순위
- css설정
- css
- 가상클래스선택자
- !important
- css테두리
- html의구조 #태그 #빈태그
- 가상요소선택자
- CSS border
- CSS선택자
- css너비설정
- 속성선택자
- style상속
- css여백
- CSS Diner
- 강제상속
- css복합선택자
- 선택자게임
- css기본선택자
- 스타일상속
- Today
- Total
목록Html (4)
잊기
NAVER 전역속성 : 전체 영역(바디)에서 사용할 수 있는 속성 title : 요소의 정보, 설명을 지정 NAVER style : 요소에 적용할 스타일 지정 class : 요소를 지칭하는 이름 (중복 가능) 중복 사용할 시 해당 요소를 묶거나 함께 선택 가능 선택자 : . id : 요소를 지칭하는 이름 (중복 불가 - 중요한 것에 사용) 선택자 : # data-이름="데이터" : 요소에 데이터를 저장 데이터의 이름과 내용을 입력 (JS에서 사용)

단축키 : 해당 부분에 커서를 두고 ( 내용을 드래그 한 상태로 ) 컨트롤Ctrl + / 을 누르면 바로 적용 (다른 에디터도 동일하게 적용) NAVER GOOGLE
요소가 화면에 출력되는 특성 inline(글자) : 글자를 만들기 위한 요소들 컨텐츠의 크기만큼 범위가 줄어듬 옆으로 누적 가로, 세로 사이즈를 가질 수 없음 ( margin, padding 설정시엔 위 / 아래만 적용 ) 자식요소로 block 요소를 사용할 수 없음 대표적인 인라인 요소. 구분을 위해 사용 줄바꿈시 띄어쓰기 적용 이미지를 삽입 다른 페이지로 이동하는 요소 타겟을 입력해 새로운 페이지를 띄우는 위치 변경가능 ex: target : "_blank" -> 새탭에 띄움 줄바꿈 block(상자) : 상자를 만들기 위한 요소들 아래로 누적 가로 : 부모 요소의 크기만큼 늘어남 세로 : 컨텐츠의 크기만큼 줄어듬 대표적인 블럭 요소. 특별한 의미없이 구분을 위한 요소 제목 h1 ~ h6 까지 크기가 ..
html은 태그가 내용을 감싸고 있으며 아래와 같은 형태로 구성 요소(Element) 태그2 와 태그3은 서로 부모요소 / 자식요소라고 함 태그1 과 태그3은 서로 상위요소 / 하위요소라고 함 엄격히는 태그2와 태그3도 상위/하위에 포함되지만 부모/자식으로 많이 지칭 : 닫힘태그 없이 사용하는 것. XML문법이지만 로 작성하는것이 안전 내용 필수 속성 : 대부분의 빈 태그는 속성과 값이 필요 -빈 태그의 예시 : 이미지를 삽입 : 설명을 입력 : 줄바꿈