CSS3 CSS - CSS in JS 방법론 1. CSS 전처리기 CSS 를 구조화하는 방법에 대한 연구로 CSS 전처리기( CSS Preprocessor )라는 개념이 등장했다. CSS 전처리기란 CSS 가 구조적으로 작성될 수 있게 도움을 주는 도구이다. 하지만 이 CSS 전처리기 자체만으로는 웹서버가 인지하지 못하기 때문에 각 CSS 전처리기에 맞는 Compiler 를 사용해야하고 컴파일을 하게 되면 실제로 우리가 사용하는 CSS 문서로 변환이 된다. 이를 통해서 CSS 파일들을 잘 구조화할 수 있게 되었고, 최소한 CSS 파일을 몇 개의 작은 파일로 분리할 수 있는 방법이 생겼다. ----------------------------------------------------------------------------------- 2. SAS.. 2021. 6. 1. CSS - 중급 1. 셀렉터 1 - 1) 전체 선택자 ( Universal Selector ) 전체 선택자는 HTML 페이지 내부의 모든 태그에 같은 CSS 속성을 적용한다. 하지만 이를 자주 사용하면 문서안의 모든 요소를 읽어내려야 하기 때문에 페이지 로딩 속도가 느려질 수 있다. * { box-sizing: border-box; /* 보더 박스 기준으로 사이즈를 맞춘다 */ margin: 0; padding: 0; font-size: 40px; /* Reset CSS 작업, 브라우저 마다 다른 기본값들을 초기화 해준다. */ } 1 - 2) 태그 선택자 ( Type Selector ) 태그 선택자는 HTML 태그를 직접 지칭하는 가장 간단한 선택자이다. body { padding: 0; background-color.. 2021. 4. 21. CSS - 입문 CSS 는 구조적인 문서를 어떻게 시각적으로 표현하는지에 대한 언어이다. Presentation ( 스타일 ) CSS 는 디자이너만의 영역이 아니다. 콘텐츠를 적당한 위치에 배치하는 레이아웃 디자인은 디자이너가 아니라도 할 수 있어야만 한다. 드디어 CSS 도 입문하게 되었다. 간단하게 알아보자. ----------------------------------------------------------------------------------- 1. CSS CSS 는 Cascading Style Sheets 의 약자이다. HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어이다. 글꼴, 배경색, 너비와 높이, 위치 지정, 웹 브라우저, 스크린 크기, 장치에 따라 화면을 .. 2021. 4. 13. 이전 1 다음
