반응형 Study Note9 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. Semantic web 이란? 시맨틱 웹은 '의미론적인 웹' 이라는 뜻으로 현재의 인터넷과 같은 분산환경에서 리소스(웹, 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계 즉, 컴퓨터가 처리할 수 있는 온톨로지(Ontology)-존재론 현태로 표현하고, 이를 자동화된 기계가 처리하도록 하는 프레임워크이자 기술이다. html5에 도입된 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공하게 된다. ex. div - non-semantic tag, header, main - semantic tag 태그의 의미를 명확하게 하여 가독성을 높이기 위함이다. -시맨틱 태그들.. etc [출처] ko.wikipedia.org/wiki/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EC.. 2020. 10. 4. 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. 이전 1 2 3 다음 반응형
