css4 scss Sass - js 방식을 css에서 사용해보고자 나왔다. 프로젝트 규모가 커지면서 지속적으로 발생하는 코드의 유지보수를 용이하게 하기위해 생겨났다 즉, css의 한계를 보완하기위해서 css 전처리기를 사용한다. css 전처리기(css preprocessor) 1. sass 2. less 3. stylus scss는 sass의 세번째 버전에서 추가되었고 sass의 모든 기능을 지원하면서 css구문과 호환되도록 만들어졌다. 예시) // SASS .wrapper width: 100px height: 200px .content color: white float: left // SCSS .wrapper{ width: 100px; height: 200px; .content{ color: white; float: l.. 2020. 10. 8. rgba 색상 값 간단하게 말하면 rgb + opacity, rgb 색상 값에 투명도가 추가된 것. *rgb : red, green, blue *rgba : red, green, blue + alpha(opacity) ex) rgb(255, 0, 0); rgba(255, 0, 0 0.5); 2020. 10. 8. css 란? 종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS) - 마크업 언어 즉, html이 웹사이트의 몸체를 담당한다면 css는 옷과 액세서리처럼 꾸미는 역할을 한다고 할 수 있다. CSS3 - 2015. 12. 5 이후 개발 중에 있다. - 그림자효과, 그라데이션, 변형 등 그래픽 편집 프로그램으로 제작한 이미지를 대체할 수 있는 기능이 추가되었다. 또한 다양한 애니메이션 기능이 추가되어 어도비 Adobe플래시를 어느정도 대체하고 있다. 예제. p{ font-size: 110%; font-family: garamond, sans-serif; } h2{ color: red; background: white; } .highlight{ color: red; backgroun.. 2020. 10. 4. html 이란? 하이퍼텍스트 마크업 언어(HyperText Markup Language, HTML) - 웹페이지를 위한 지배적인 마크업 언어이다. 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것 뿐만 아니라 링크, 인용과 같은 그 밖의 항복으로 구조적 문서를 만들 수 있다. html은 웹 브라우저와 같은 html처리 장치의 행동에 영향을 주는 JavaScript와 본문과 그 밖의 항목의 외관과 배치를 정의하는 css같은 스크립트를 포함하거나 불러올 수 있다. html과 css표준의 공동 책임자인 W3C는 명확하고 표상적인 마크업을 위하여 css의 사용을 권장한다. html5 요소 추가 구조적인 요소 - 구역을 나누는 블록 요소인 div 요소를 대신한다. header nav article sectio.. 2020. 10. 4. 이전 1 다음
