Sass

Sass(Syntactically Awesome StyleSheets) Sass 는 CSS pre-processor로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)이다. Sass 가 주는 유용한 도구와 기능들 변수의 사용 조건문과 반복문 Import Nesting Mixin Extend/Inheritance 기존 CSS 와 비교해서 Sass 는 아래와 같은 장점이 있다. CSS보다 심플한 표기법으로 CSS를 구조화하여 표현할 수 있다. 스킬 레벨이 다른 팀원들과의 작업 시 발생할 수 있는 구문의 수준 차이를 평준화할 수 있다. CSS에는 존재하지 않는 Mixin 등의 강력한 기능을 활용하여 CSS 유지보수 편의성을 큰..

• format_list_bulleted 프론트엔드/CSS
• · 2022. 4. 27.
• textsms

CSS

학습방법 큰 시간을 들이지 않고 빠르게 훑으며 명확하게 알아야하는 부분을 정리해가며 공부하려한다. HTML 에 CSS 적용하기 link 태그를 통해서 css 를 적용할수있다. CSS의 셀렉터 CSS 를 적용시키기위해 다양한 방법이있다. * 태그 id 클래스 어트리뷰트 복합 가상 클래스 : 가상 요소 :: Box 의 구성 콘텐트(Content), 패딩(Padding), 테두리(Border), 마진(Margin)로 구성된다. 콘텐트(Content) - 실제 내용 패딩(Padding) - border 안쪽의 내부 여백의 영역 테두리(Border) - 테두리 영역 마진(Margin) - 테두리 밖 외부 여백의 영역 display 의 프로퍼티 들 layout 정의에 자주 사용되는 중요한 프로퍼티 들이다 . blo..

• format_list_bulleted 프론트엔드/CSS
• · 2022. 4. 25.
• textsms