반응형 Programming/HTML5_CSS39 [SASS] SASS 설치 및 사용법 SASS 초기설정 방법 Sass는 CSS의 전처리기(preprocessor) 중 하나로, 변수, 함수, 중첩(nesting) 등의 기능을 제공하여 CSS 작성의 효율성과 유지보수성을 높일 수 있습니다. Sass를 사용하기 위해서는 Sass가 작성된 코드를 CSS로 컴파일해주는 도구가 필요합니다. 이번에는 Sass를 사용하기 위한 초기설정 방법을 알아보겠습니다. https://sass-lang.com/ Sass: Syntactically Awesome Style Sheets Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. sass-lang.com 1. Node.js 설치 S.. 2023. 2. 23. [HTML] 블록과 인라인 차이 HTML 블록과 인라인 차이 HTML에는 두 가지 유형의 요소가 있습니다 : 블록 요소와 인라인 요소. 이 블로그에서는이 두 가지 유형의 요소와 각각을 사용해야 할 때의 차이점을 살펴 보겠습니다. 블록 요소 블록 요소는 페이지의 전체 너비를 차지하는 요소입니다. 그들은 새로운 라인에서 시작하여 항상 부모의 요소만큼 넓습니다. 블록 요소의 예로는,,및가 있습니다. 블록 요소를 사용해야 할 때 : 요소가 페이지의 전체 너비를 차지하기를 원할 때 요소가 자체 라인에 있기를 원할 때 요소를 쉽게 식별하기를 원할 때 인라인 요소 인라인 요소는 필요한 공간 만 차지하는 요소입니다. 그들은 결코 부모의 요소만큼 넓지 않을 것이며 항상 다른 인라인 요소와 같은 줄에있을 것입니다. 인라인 요소의 예로는,,및가 있습니다... 2023. 2. 23. [CSS / SVG] 파도 효과 미리보기 Style .event_wrap {overflow: hidden; position:relative;margin:0 auto; max-width: 800px; width: 100%; height: 300px; background: #000;} .wave_box{position: relative; display: block; margin: auto; width: 100%; height: 100%;} .wave{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='157'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='50%25' x2='50%25' .. 2022. 12. 15. 이전 1 2 다음 728x90 반응형
