주니어 개발자가 되고 싶은 미짱

border -border : 요소의 테두리 선을 지정하는 단축 속성 border: border-width(선의 두께), border-style(선의 종류), border-color(선의 색상) 기본값 black - 선의 두께, 종류, 색상을 입력해야지만 테두리 선이 나타난다. - 순서는 따로 지정 되어있지 않지만 가독성을 위해 두께 종류 색상 순으로 하자 (컨벤션) - 두께와 종류 입력시 색상을 따로 지정하지 않아도 색상은 기본 값이 검정색 설정되어 있다 요소의 크기가 커진다. - 요소의 테두리 선을 지정하는 기타 속성들 - border-방향 border-top border-bottom border-left border-right - border-방향-속성 : border-top-width(style/..

margin margin : 요소의 외부 여백(공간)을 지정하는 단축 속성 음수 사용가능 - init (기본 값): 0 auto: 브라우저가 여백을 => 계산 가로(세로) 너비가 있는 요소의 가운데 정렬에 활용 단위 px em vw 등 단위로 지정 % 부모 요소의 가로 너비에 대한 비율로 지정 (극히 드물게 사용) 단축속성 margin : top right bottom left (시계방향) margin- top , margin-right, margin-bottom, margin-left의 개별속성을 합친 게 단축속성이다 띄어쓰기로 구분하며 값의 개수에 따라 값의 적용 위치가 다르다 margin : 10px -모든 방향으로 외부 여백 10px margin: 10px 20px - 상하 10px 좌우 20px..

너비 ( Width, Heigth ) 박스 모델 속성( Box Model Properties ) width( 가로 너비 ) - width : 해당 속성은 요소의 가로 너비를 의미 Initial Value( default value, 초기 값, 기본값 ) : auto - auto : 자동으로 브라우저가 너비를 계산 => 브라우저는 해당 HTML 요소 block(블록) 요소인지 inline(요소) 기타 어떤 특성에 따라 그 요소가 가지고 있는 가로 너비를 다르게 화면에 출력하는 개념을 가진다 - 기본값 : 요소에 이미 들어가 있는 속성의 값 단위 : px, em, vw등 단위로 지정 heigth( 세로 너비 ) - height: 해당 속성은 요소의 세로 너비를 의미 Initial Value( default ..

CSS 속성(Properties) - CSS 속성을 통해서 html를 꾸며줄 수 있다. 박스 모델 : html 요소의 기본적인 모양을 만들어 내는 속성들을 말한다 - 요소의 가로/세로 너비, 내부/외부 여백 기타 html 요소라는 하나 박스를 제어하는 속성들을 말한다 - html 요소는 가로/세로 너비를 갖고 있는 사각형이다 글꼴, 문자 - 글꼴: 폰트, 서체 - 글꼴의 크기, 굵기 배경 : 배경에는 색상/ 이미지를 넣어 제어 할수 있다 배치 : 특정 요소를 원하는 위치에 가져다 놓을 수 있다 플렉스(정렬) : (html 요소은 기본적으로 위에서 부터 아래로 수직으로 쌓인다)수평 정렬할때 사용한다 전환 : 요소의 전상태와 후상태만 있으면 애니메이션을 처리하는 것 변환 : 회전, 이동, 크기 조절 요소의 ..