CSS

css는 만드는 과정이 중요하다. 큰 덩어리 먼저 파악하는것이 중요하고 보통 한 덩어리 먼저 시작하는데 wrap 클래스로 감싸고 시작하는것이 좋다.type selecter를 사용하여 컨트롤 하는것은 매우 위험한 일로 다른 대체 수단이 없는지 꼭 확인이 필요하다.prop

CSS는 Cascading Style Sheets의 약자 입니다. CSS의 단어 뜻을 보면 그 목적과 의미를 쉽게 이해할 수 있습니다. 가장 먼저 Style Sheets라는 단어에서 볼 수 있듯이 CSS는 웹 페이지의 스타일을 정리해둔 문서. 여기서 스타일은 글자 크기

코드 내부에 작성스타일 태그 안에 작성외부 스타일 시트의 경우 파일의 경로 (href)를 맞춰주기 위해 html 파일과 css파일이 같은 프로젝트에 위치해야 합니다. css 파일의 경우에도 메모장에서 작성할 수 있으며, html 파일 저장할 때와 마찬가지로 확장자를 .

css는 html과 마찬가지로 공백을 규합 합니다.전부다 사용 가능!!벤더(브라우저 제조사)와 프리픽스(접두어)의 합성어 입니다. 아직 비표준이거나 실험적인 CSS 속성을 특정 브라우저에서 실행할 수 있도록 CSS 속성 앞에 브라우저 제조사 만의 접두어를 붙이는 문법\

전체 선택자를 통해서 모든 HTML 요소에 접근을 할 수 있습니다. 이를 통해 문서 전체에 공통적으로 기본값을 지정할 수 있습니다. 전체 선택자는 \*을 사용하여 나타냅니다타입 선택자는 태그 이름을 사용하여 나타냅니다. 해당 태그의 이름에 해당하는 모든 태그에 속성을

css에서 사용할 수 있는 여러 크기의 단위에 대해서 살펴보기단위의 분류Absolute(절대값) : cm, mm, px 등Relative(상대값) : em, rem, vw, vh 등Percentage : %단위는 고정 크기 단위와 가변 크기 단위로 나뉘어 지며, 고정

웹페이지에서 만들었던 html 태그나 id, class 박스 등의 위치를 지정해주는 속성, 페이지의 레이아웃을 결정할 수 있습니다.기본적으로 모든 태그들은 따로 position 속성값을 주지 않았다면 static 값을 가집니다. 즉 html에 쓴 태그 순으로 위치가 지

글자의 높이를 지정합니다.nomal : 기본 값 입니다. 폰트의 font-family에 따른 글자의 기본 높이 입니다. (사용하는 폰트에 따라 기본 line-height 값이 다르다는것에 유의하세요.)number : 숫자로 값을 설정할 수 있습니다. 1은 font-si

일명 flexbox라 불리는 Flexible Box module은 flexbox 인터페이스 내의 아이탬 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델로 설계되었습니다. flexbox를 1차원이라 칭하는 것은, 레이아웃을 다룰 때 한 번에 하나의 차

디자인적인 개성을 주기 위해 실무에서 iput 요소나 select 박스를 브라우저 스타일과 다르게 표현스타일링이 까다로운 input 요소를 화면에서 숨기고 label 요소를 연결하여 스타일링을 진행합니다.디자인적으로는 보이지 않지만 스크린리더나 브라우저를 위해 정보를