반응형

css 3

MARGIN 과 PADDING | 아무것도 모르고 시작하는 코딩

Margin은 그림의 바깥쪽 여백, Padding은 그림의 안쪽 여백을 의미한다. 유노나띵 존스노우 아무것도 모르고 시작하는 코딩 ID: PW: 로그인하기 위의 글을 메모장에 복사하여 .html로 저장해서 들어가보자 태그를 보면 "login-title" 클래스에 적용된 여러가지 스타일을 볼 수 있다. color: white; →글씨는 하양 width: 300px; →출력 사이즈 폭 300픽셀 height: 200px; →출력 사이즈 높이 200픽셀 background-image: url('https://i.imgur.com/CBNb9fM.gif'); →이미지 주소 background-position: center; →이미지 정렬 중앙 background-size: cover; →이미지 크기를 출력 사이즈..

CSS란? 선택자(selector)란? 클래스(class)란? | 아무것도 모르고 시작하는 코딩

CSS란? CSS(Cascading Style Sheet)는 스타일이 적용되는 방식이 단계적으로(Cascading) 적용된다고 해서 붙여진 이름이고, 여기서 스타일이란 html 문서의 글꼴이나 색상 등을 의미한다. 단계적으로의 의미는 내가 태그에 스타일을 적용하였는데 그 안에 태그가 있는 경우, 역시 스타일이 적용된다는 것을 의미한다. (Sheet가 붙은 이유는 Style을 관리하기 쉽게 모아놨기 때문이다) 선택자(selector)란? 스타일을 적용하기 위해선 대상을 '선택'하는것 부터 시작해야 한다. 선택은 html 페이지 내 모든 태그를 선택할 수도 있고, 특정 태그를 선택할 수도 있고, 클래스를 선택할 수도 있다. 클래스(class)란? '이름표'라고 생각하면 된다. CSS 적용 로그인 페이지 ID..

반응형