DEV_달리자

  • 홈
  • 태그
  • 방명록

SMACSS 1

CSS 방법론

CSS 대표적 3가지 방법론 - OOCSS - BEM - SMACSS OOCSS Object Oriented CSS 객체 지향에 따라 고안된 설계 방식, 구조와 외형의 분리, 컨테이너와 내용의 분리 (1) 구조와 외형을 분리 구조: width, height, padding... 외형: color, border-color, font-color... tel email // css .btn{공통 스타일 정의} .common-skin{공통 스타일 정의} (2) 컨테이너와 내용을 분리 위치에 의존하지 않는 스타일 정의 어떤 태그라도 동일한 외형을 제공 어디에서나 재사용 가능한 클래스 기반 모듈 구축 ... ... .sub-title {font-size:16px} 장점 공통된 부분을 정의해서 재사용이 가능 구조적 ..

Programming/CSS 2022.05.03
이전
1
다음
프로필사진

자기 개발에 미쳐보자

  • 분류 전체보기 (15)
    • Programming (11)
      • React (1)
      • Vue.js (2)
      • JavaScript (1)
      • CSS (5)
      • Regular Expression (2)
      • Next.js (0)
    • Computer Science (3)
      • HTTP (1)
      • i18n (1)
      • Cache (1)
    • Books (0)
      • Clean Code (0)
      • Clean Software (0)
      • HTTP 완벽 가이드 (0)
    • ETC (1)

Tag

vue.js, 정규표현식, SASS SCSS 차이, composition api, SASS 개념, SCSS, SCSS 문법, JavaScript Deep Dive, SCSS SASS 차이, potfile, SMACSS, SCSS 코딩 컨벤션, vue3, Sass, SASS 문법, GetText, css, 2의거듭제곱, SCSS 개념, SASS 코딩 컨벤션,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • [공지] Tistory를 시작하며

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 07  
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.