작은 물방울이 바위를 뚫을 수 있을까?

flexbox flexbos란 박스 내 요소 간의 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 flexbox를 1차원 모델이라 부르는 이유는, 레이아웃을 다룰 때 한 번에 하나의 차원(행이나 열)만을 다룬다는 특성때문 flex 컨테이너라고도 함 (요소들을 포함하기 때문) flex 컨테이너를 만들기 위해서는 컨테이너에 display:flex;를 적용해야 함. "주축(main-axis)" = 가로 / "교차축(croos-axis)" = 세로 flex-direction flexbox 내 요소를 배치할 때 사용할 주축 및 방향(정방향, 역방향)을 지정 row : 기본값. 주축은 행이고 방향은 콘텐츠의 방향과 동일 row-reverse : 주축은 행이고, 방향은 콘텐츠의 방향과 반대 column ..

CSS CSS는 Cascading Style Sheets를 의미함. Cascading : 계단식 Style : 멋을 내다 Sheets : (종이) 한 장 = 계단식으로 스타일을 정의하는 문서! CSS는 HTML 문서에 스타일을 더해 줌! HTML 문서는 태그가 태그를 포함하는 계단식 구조를 지니고 있음! CSS 문서(코드) 자체는 독립적으로 존재할 수 있지만, 그 목적이 구조화된 HTML 문서의 스타일을 정의하는 데 있으므로 HTML 문서가 없는 CSS 문서는 사실상 의미가 없다. HTML : 웹 문서의 콘텐츠를 구성하는 언어 CSS : 웹 문서의 콘텐츠에 스타일을 추가하는 언어(색상, 크기, 위치 등) CSS 기본 문법 선택자{ 속성명: 속성값; } 선택자 : 어떤 요소에 스타일을 적용 할지에 대한 정..

1. 내용 2. a {} 선택자 = selector color:red; = Declaration property value property = CSS에서의 효과 html의 중복 제거 > CSS의 폭팔적인 효과 > 규모가 커질수록 유입자수가 달라짐 = 웹페이지 유지/보수 편리 + 가독성 증가 효과 CSS를 사용하는 이유. ※ text-decoration: none; ; 의 효과 하나의 디스크립션이 시작과 끝을 구분 항상 적어줘야함 style="color:red; text-decoration:underline" h1 { font-size:45px; text-align: center; } class="saw" 클래스 = 그루핑하다, 하나로 묶음 id 값은 단 한번만 등장 = 중복되서는 안됨 = active =..