처음부터 시작하는 Java

https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 studiomeal.com

https://yeun.github.io/open-color/ Open Color Color scheme for UI design yeun.github.io

https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F heropy.blog

l 박스 모델 - 웹 문서에 텍스트, 이미지, 테이블 등의 요소를 배치하기 위해 사용 - 웹 문서의 전체 레이아웃을 정의 - 각종 요소들을 원하는 위치에 배치 l 박스의 속성 - content : 실제 내용이 표현되는 곳 - padding : 콘텐츠와 테두리 사이의 여백 - border : 박스의 테두리 두께 - margin : 테두리와 박스의 최종 경계 사이의 여백 CSS3 박스 모델은 content, padding, border, margin으로 구성되어있다. 박스 모델의 padding, border, margin 속성의 기본 값은 0이며, 상하좌우 네 가지 방향을 top, bottom, left, right를 이용하여 지정할 수 있습니다. l Content - 실제 내용이 표현되는 곳 - 속성: w..

l CSS의 사용 위치 :: 여기서 코드의 p는 선택자. 외부 CSS 코드 @charset "EUC-KR"; p3{ color: green; background-color: yellow; } 인라인 스타일 시트 적용 내부 스타일 시트 적용 외부 스타일 시트 적용 - 하나의 요소에 인라인 스타일 시트가 중복 정의되면 제일 마지막에 설정된 값이 적용 - CSS 적용 우선순위와 상관없이 속성을 강제로 적용할 때는 (!important) 표시 사용 l l CSS의 우선순위 :: 제일 마지막 값이 적용된다. :: 강제로 적용할 때는 (!important) 사용 외부 CSS 코드 @charset "EUC-KR"; P{ color: green; background-color: yellow; } CSS가 중복 정의된 ..