Frontend/css 3

SCSS, CSS 차이, 장단점(비교 코드)

SCSS(또는 Sassy CSS)와 CSS는 웹 개발에서 스타일을 정의하고 관리하는 데 사용되는 두 가지 다른 언어입니다. SCSS는 CSS의 확장으로, CSS를 더 효율적으로 작성하고 관리하기 위해 개발된 언어입니다. SCSS 장단점 장점: 스타일 시트를 더 가독성 있고 유지 보수하기 쉽게 만들 수 있습니다. 단점: 전처리기를 위한 도구 필요, 컴파일 시간 소요 SCSS, CSS 차이점 문법 차이 CSS는 중괄호({})와 세미콜론(;)을 사용하여 스타일을 정의하고 구분합니다. SCSS는 중괄호와 세미콜론을 사용하는 CSS와 유사한 문법을 가지고 있지만, 중첩된 규칙 및 변수, 함수, 믹스인(Mixin)과 같은 고급 기능을 제공합니다. 컴파일러 필요성 CSS 파일은 별도의 컴파일 과정 없이 웹 브라우저에..

Frontend/css 2023.09.12

css 선택자와 표기법

1. 아이디 선택자(ID Selector): 특정 아이디를 가진 요소를 선택합니다. #my-id { font-weight: bold; } 2. 클래스 선택자(Class Selector): 특정 클래스를 가진 요소를 선택합니다. .my-class { color: red; } 3. 요소 선택자(Element Selector): 특정 HTML 요소를 선택합니다. p { text-align: center; } 4. 자식 선택자(Child Selector): 부모요소 > 자식요소: 부모 요소의 직계 자식 요소를 선택합니다 .my-class > li (x) .my-class> ul > li (o) 이 선택자는 클래스 이름이 "my-class"인 요소의 직계 자식인 요소를 선택합니다. Item 1 Item 2 Ite..

Frontend/css 2023.06.23