전체태그 보기

#CSS (130개의 포스트)

pinot
이번 강좌에는 디자이너와 개발자가 박스 만드는 방법의 차이점을 알려드리고, 조금 더 개발자 친화적으로 디자인 가이드를 만드는 방법을 소개해줍니다.
kimtaeeeny
1. CSS Cascading Style Sheet : 웹의 디자인을 담당(표준) App.js 특징 : 스타일을 컴포넌트화(props 사용가능) 해서 관리하기 때문에 js, css 따로 관리하지 않고 더욱더 직관적으로 관리 가능. 문법이 scss 와 유사함. 반대로 컴포넌트화를 남용할 경우, 더 헷갈릴 수도 있음
kimtaeeeny

css 선택자 모음

5일 전0개의 댓글
1. 전체 선택자 이 경우 두 태그 모두 마지막 스타일인 red를 적용함. 참고 선택자게임
riechu3228

CSS

2020년 1월 18일0개의 댓글
justify-content + Flex 요소들을 가로선 상에서 정렬합니다. + flex-start: 요소들을 컨테이너의 앞쪽부터 정렬합니다. + flex-end: 요소들을 컨테이너의 뒤쪽에서부터 정렬합니다. + center: 요소들을 컨테이너의 가운데에서부터 정렬합니다. + space-between: 요소들 사이에만 동일한 간격을 둡니다. + s...
h_jjam100

1. 웹디자인에 대해서

2020년 1월 15일0개의 댓글
Monologue 웹의 시각적인 부분을 구성하는 데에 있어서 디자인은 필수 불가결 한것이다. 따라서 웹을 업으로 하는 사람은 어느정도의 디자인에 대해서 알아야 하는 부분이 많다고 생각한다. 다양한 사람들의 디자인 원칙에 대해서 눈으로만 훑어보았지만, 글로만 읽어서 이해가 되지 않은 점들이 많았다. 일단, 모든 디자인 관련 문서는 개발 문서와 같이 분명한...
kimtaeeeny

css 속성 모음

2020년 1월 13일0개의 댓글
1. 내부폰트 적용
yaeji120

Flex

2020년 1월 13일0개의 댓글
Flex
yaeji120

Input

2020년 1월 10일0개의 댓글
Input
aerirang647

[1]Html 와 CSS 그 첫걸음에서

2020년 1월 9일0개의 댓글
head 태그에는 무엇이 들어가야 할까? -사이트의 제목, 설명, 부가 정보, 기술적 내용(이 사이트는 주로 모바일용인지) meta charset="utf-8":한글, 일본어, 중국어가 포함된 페이지라면 utf-8이라는 값으로 문자 인코딩을 추가해줘야 함 meta name="viewport" content="width=device-width" : 디바이...
denmark-choco

web publishing_CSS_Basic 03

2020년 1월 7일0개의 댓글
1. 박스모델 boxmodels 58.PNG * boxmodels * 1.border -border-style border-color border-width (두께) - solid 실선 dashed 파선 dotted 점선 ridge 뾰족하게 double 두줄 groove 교차 inset outset 등이 있음 2. ...
denmark-choco

web publishing_CSS_Basic 01

2020년 1월 5일0개의 댓글
1. html문서에 css적용하기, css 연결하기 1. CSS의 사용 형식 - CSS는 기본적으로 선택자, 속성, 값을 가진다. 형식) 선택자 {속성 : 값 ; } 2. HTML문서에 스타일시트 삽입하기 - head태그안에 style을 이용해서 h1의 텍스트 색상과 배경색 삽입 ~ !DOCTYPE html html lang="ko" h...
jayden

SCSS 중첩된 정의 처리 / 재활용

2019년 12월 30일0개의 댓글
현재까지 SCSS를 사용함에 있어서 SCSS의 특별한 기능을 많이 활용하지 못한것 같아 오늘 하루를 투자해서 스타일 시트를 모두 리팩토링 했다. CSS 전처리기 사용을 통해 조금더 효과적으로 스타일시트를 작성할수 있게 됬다. 중첩된 속성 정의
jayden

Animation

2019년 12월 29일0개의 댓글
요소에 애니메이션을 설정 / 제어 값의미기본값 :-: :-: :-: animation-name@keyframe 규칙의 이름을 지정none animation-duration애니메이션의 지속 시간 설정0s animation-timing-function 타이밍 함수 지정ease animation-delay애니메이션의 대기 시간 설정0s animati...
jayden

Transition / Transform

2019년 12월 28일0개의 댓글
이번 신한생명과의 협업 프로젝트 진행간 transition과 keyframe에 대한 이해가 없으니, 매번 찾아서 사용해야했는데 이번 주말을 통해 정확히 알아보려 한다. 첫번째로는 transition 과 transform에 대해 알아보려 한다. Transition CSS 속성의 시작과 끝을 지정(전환 효과)하여 중간 값을 애니메이션 처리하는것 값의...
ye050425

[css] css 정리

2019년 12월 27일0개의 댓글
CSS는 웹페이지의 스타일을 준다. 코드 실행해놓은 페이지: http://marin.dothome.co.kr/2020Camp/class/css_tutorial.html css 형식
noyo0123

자주 쓰는 CSS 코드

2019년 12월 19일0개의 댓글
css float한거 영역 채우기 clearfix img float 속성을 적용한 요소의 부모요소에 ::after를 사용해주면 된다. span과 ul태그를 감싸는 div 태그에 ::after를 추가하였습니다. https://appsnuri.tistory.com/408...
yaeji120

여백

2019년 12월 19일0개의 댓글
CSS 여백
yaeji120

Font

2019년 12월 17일0개의 댓글
font property
배달의민족 PC버전으로 개발해보기
glm777
이글을 쓰기에 앞서, 이 프로젝트에서 개발된 서비스는 절대 배달의 민족의 사용성을 해치거나 클론 서비스를 개발하기위함이 아닌, 오직 팬심으로만 만든 '웹 콘셉트'라는것을 강조하겠습니다. 최근에 배달의 민족이 독일계 기업인 딜리버리히어로(DH)사에 인수되어 요기요와 배달통과 같은 회사 식구가 되게 되었다. 인수합병 기사를 보던 도중 예전에 가졌던 의문점인 ...
yaeji120

태그간의 관계

2019년 12월 16일0개의 댓글
부모태그, 자식태그