성장에 목마른 코린이

CSS 기본 문법 CSS 규칙은 선택자(selector)와 선언부(declaration)로 나뉩니다. 선언부는 다시 속성(property)과 속성값(value)로 나누게 됩니다. CSS 문법 선택자는 보통 스타일링하고 싶은 HTML 요소나 부여한 id 혹은 class가 위치합니다. 선언부에 여러개의 속성과 속성값이 있을때는 ;(세미콜론)으로 구분합니다. 각각의 선언은 속성과 속성값을 :(콜론)으로 구분합니다. CSS 우선순위 CSS는 기본적으로 선언된 순서에 따라 적용되지만 각종 선택자와 삽입 위치에 따라 우선순위가 달라질 수 있습니다. 선택자 우선순위 !important > 인라인 스타일 > 아이디 선택자 > 클래스/속성/가상 선택자 > 태그 선택자 > 전체 선택자 경쟁 규칙이 같은 선택자 그룹에 속해..

CSS CSS는 Cascading Style Sheet의 약자입니다. CSS는 문서의 콘텐츠와 레이아웃, 글꼴 및 시각적 요소들로 표현되는 문서의 외관(디자인)을 분리하기 위한 목적으로 만들어졌습니다. CSS 명세는 World Wide Web Consortium에서 관리합니다. CSS는 세 개의 주 레벨이 정의되어 있고 이 레벨들은 버전이나 세대라고 볼 수 있으며, 현재 CSS1, CSS2 및 CSS3가 정의되어 있습니다. CSS 속성 여러 속성 값은 반드시 공백으로 구분되어야 합니다. 축약 표현 속성은 여러 속성 값을 하나의 간소화된 선언으로 적용할 수 있습니다. 속성이 명시되지 않으면 해당 속성의 기본 값이 적용됩니다. CSS 속성의 주요 위치 하나의 규칙으로 여러 HTML 요소와 HTML 문서를 제..

CSS는 스타일링을 위한 도구입니다 *우리가 옷을 입을 때 항상 심미적인 이유로만 옷을 입지 않듯이, CSS도 화려함만을 위해 사용되지는 않습니다 - 콘텐츠의 배치와 위치 (Layout Design) - 텍스트를 강조하거나 밑줄을 치는 등, 최소한의 Typography *위의 요소를 갖추고 있으면 더 나은 사용자 경험(UX/User experience) 를 제공 가능 색약이나 장애인이 웹 페이지를 이용할 때 도움을 줄 수도 있습니다. *CSS를 작성해서 간단한 UI를 만드는 일은 개발자의 기본적인 소양 콘텐츠를 적당한 위치에 배치하는 Layout Design은 디자이너가 아니여도 할 수 있어야 한다 CSS 박스를 구성하는 요소 border(테두리) - border: 1px solid red; margin..

오전 8:30 - 8:45 plan / 나의 하루 목표 오늘은 CSS를 블로깅하고 공부하고 페어 프로그래밍 시간에 querySelector, 계산기를 만들며 공부했던 HTML, CSS, JS 을 활용하며 연습을 할 것입니다. 오전 9:00 - 12:00 chapter / CSS 기초 CSS(Cascading Style Sheets)는 스타일링을 위한 도구입니다 *우리가 옷을 입을 때 항상 심미적인 이유로만 옷을 입지 않듯이, CSS도 화려함만을 위해 사용되지는 않습니다 - 콘텐츠의 배치와 위치 (Layout Design) - 텍스트를 강조하거나 밑줄을 치는 등, 최소한의 Typography *위의 요소를 갖추고 있으면 더 나은 사용자 경험(UX/User experience) 를 제공 가능 색약이나 장애인..