Java : 카멜 표기법(helloWorld)DB : 대문자, 띄어쓰기 \_ 로 표시 (MEMBER_NO)HTML : 하이픈 표기법(li-1, class-1) / 언더바 표기법(li_1, class_1)현재 HTML 문서 내에 같은 태그를 선택하는 선택자.작성법태그명
태그에 작성된 특정 속성을 선택하는 선택자.(id, class도 선택 가능은 하지만 보통 작성법선택자속성명="속성값" {css 코드;}name="name-2" {background-color: blue;}지정된 요소 바로 하위에 존재하는 요소를 선택하는 선택자작성법선택
속성 값의 문자열을 확인하여 스타일 적용하는 방식의 선택자.1) 선택자속성값 ~= "특정값" {css 코드;} \-> 띄어쓰기로 구분되어있는 여러 속성값이 작성된 속성 중 속성값이 특정 값을 단어로 포함하는 요소를 선택2) 선택자속성명 |= "
형제 관계에 있는 요소 중 특정 요소를 선택하는 선택자(중요) 위치를 기준으로 구분함:first-child:last-child:nth-child(수열):nth-last-child(수열)선택된 형제 관계 요소 중 특정 요소를 선택하는 선택자.(선택된 요소들을 기준으로 구
기타 선택자:only-child특정 요소의 자식이 하나밖에 없을 때 선택:only-of-type특정요소의 자식 중지정된 형태와 같은 자식 요소가 하나만 있을 때 선택:empty자식 요소가 없는 요소를 선택자식 요소의 개념?태그, 글자, 띄어쓰기 모두 자식 요소라고 함.
기본적으로 css속성은 style 태그 또는 css파일에작성된 순서(위->아래)대로 해석이 진행 되지만같은 요소에 여러 css속성이 설정되는 경우, 우선순위가 적용된다.\*알아둬야 할 것!1) 동일한 우선 순위로 css 속성이 설정된 경우\-> 제일 마지막에 작성된
사전적 의미 : 배치, 정리기술적 의미 : 구성 요소를 제한된 공간에 효율적으로 배치하는 것을 의미.요소가 화면에 어떻게 보여질지 형식을 지정하는 속성block : 화면을 수직 분할(행을 나눔) \+ width / height 속성 사용 Oinline : 화면을 수평
float: left;float: right;요소를 띄워서 좌/우로 정렬하는 속성clear: both;float로 인해서 띄워져 있는 상태를 해제하는 속성(float 사용 시 겹침 문제가 발생하는데 이를 해결할 수 있음)position 요소의 위치를 지정하는 속성지정된
구글 폰트눈누px : 픽셀(화면 해상도)pt : 포인트(1pt = 0.72인치)% : 상위 요소 크기에 대한 백분율em : 1em == 100%숫자 : (얇음) 100 ~ 900 (두꺼움) (100단위)nomal : 폰트에 지정된 기본 두께(400)bold : 굵게 (
이미지는 원래 자기만의 너비/높이를 가지고 있어 한방향의 크기만 지정해도남은 방향은 자동적으로 비율에 맞춰서 지정된다.\-> height : auto / width : auto크로스 브라우징 : 모든 웹을 동일하게 맞춰주는 기술transform : 변형과 관련된 속성c
전체 컨테이너 Container헤더 영역 header콘텐츠 영역 Content푸터 영역 footer{ box-sizing: border-box;}margin: auto; (justify-content: center;)border: none; (border : 0;
기존 영역 분할에 주로 사용되던 div,span 등의 태그는 나눈다는 것 이외의 의미를 파악하기 어려움. \-> 태그만 봤을 때 태그ㅡ의 목적을 알 수 없어 id 또는 class 반드시 추가해야 한다. 이런 문제점을 해
HTML에 작성한 코드를 나중에 사용하지 않더라도 css선택자로 모두 정리하고 나서코드를 추가 하는것도 좋은 방법이다.이렇게 작성해두면 나중에 SCSS로 중복 작성된 부분을 해결할 수 있다.내부의 앞쪽에 어떤 내용을 추가하고 싶을때 position: absolute;를