CSS

기초 사항 > W3C에서 웹에대한 표준을 만들며 MS같은 기업이나 단체에서 이 표준을 따라서 만들게 된다. HTML MDN 페이지에서 여러 태그들과 예제, 브라우저 호환 정보 등이 있다. https://developer.mozilla.org/ko/docs/Web/HTM

CSS를 엘리먼트에 사용하는 방법은 크게 2가지가 있다.1) style 태그 사용    1-1 ) html 내부에 선언    1-2 ) html 외부에 선언(별도의 파일로 생성)2) style 속성 사용모르는 CSS 속성은 직접 검색하여 찾는다.ex) CSS text

(본 글은 1분코딩님의 https://studiomeal.com/archives/197를 참조하였습니다.)1차원적인 레이아웃 배치 전용 기능으로 고안되었다Flexible Box / Flexbox라고 부르기도 한다상위 모듈로는 2차원적인 레이아웃 배치를 하는 G

flex-basis ( 유연한 박스의 기본 영역 ): Flex Item의 기본 크기를 설정합니다. (flex-direction이 row -> width                                                                  

가장 기본적으로 사용되는 단위화소 1개의 크기를 의미한다. ( 22인치 LCD= 1680\*1050 )디바이스 해상도에 따라 상대적인 크기를 갖는다. ( 디바이스 별 제각각 )유연한 가변 단위스타일을 지정한 요소의 폰트 크기를 곱해 픽셀로 변환 된다.(상위 요소가 아

CSS는 선택자를 통해서 스타일을 적용시킬 id / 클래스 / 태그 적용할 수 있다.id는 \* 클래스는 .을 이용해 선택자로 사용 (.y\*\*)태그는 태그이름을 입력해 선택자로 사용 (h1)우선순위 = id > 클래스 > 태그여러개의 클래스를 띄워쓰기를 기준으로 적

(본 게시글은 https://www.youtube.com/watch?v=X91jsJyZofw 를 참조하였습니다.) : 마우스가 올라갔을 때 표시되는 것 : 위치를 변경하고 싶을 때 사용 1) relative : 위치를 조금만 변경할 때 (top / botto

SOPT 27기 WEB 파트 publishing studySubway Page의 헤더 만들기기본 상태Drop Down Menu현재 서브웨이 홈페이지는 반응형으로 개발되어 있지 않다간단하지만 미디어 쿼리를 사용해 반응형을 구현해보자 평소 상태 미디어 쿼리 적용