# CSS

종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.

17589개의 포스트
post-thumbnail

계산기 만들기

유튜브 채널인 (이룸코딩)의 HTML, CSS 영상을 보고 실습으로 계산기 만들기를 따라해보았다.느낀 것은 flex와 grid를 익숙해질때까지 연습하는 것이 중요하다 느꼈다.

26분 전
·
0개의 댓글
·
post-thumbnail

자동으로 말줄임 표시 추가하기 with CSS

css grid랑 같이 쓸 때 주의!

약 3시간 전
·
0개의 댓글
·
post-thumbnail

Box Model(박스 모델)

각각의 html 태그 요소를 하나의 박스로 다루는 체계이다.

약 12시간 전
·
0개의 댓글
·

SASS 핵심 기능 및 응용

sass 이것만 알아도 본전뽑기 가능.

약 15시간 전
·
0개의 댓글
·
post-thumbnail

[React] Icon 위에 Icon 배치하기

리액트 개발자가 되어볼까 ?

약 16시간 전
·
0개의 댓글
·
post-thumbnail

Sass - mixin

@extend와 임시클래스(%)를 사용 하는 것과 비슷한 결과를 가져오지만,좀 더 뭐랄까.. 함수를 만들어서 재사용 하는 것과 매우 비슷한 형식으로 사용됨@mixin 이름($매개변수:기본값,$매개변수:기본값)1) 위 사진처럼, 재사용 할 스타일을 생성해 준다.생성시에

약 20시간 전
·
0개의 댓글
·
post-thumbnail

Sass - @extend, 임시클래스(%)

1. @extend 동일한 css를 불필요하게 중복되어 작성하지 않고 간단히 상속받아 사용할 수 있게 만들어주는 문법 1-1 @extend 사용법 > 업로드중..

약 20시간 전
·
0개의 댓글
·
post-thumbnail

Sass 사용법

1. Sass(Scss) sass(scss)는 css의 확장 언어.

약 21시간 전
·
0개의 댓글
·
post-thumbnail

부트스트랩 활용하기

파타고니아 사이트 만들기

약 22시간 전
·
0개의 댓글
·
post-thumbnail

[CSS] 박스 모델과 박스 테두리

⭐블록 레벨 요소와 인라인 레벨 요소 박스 모델은 블록 레벨 요소와 인라인 레벨 요소로 나뉜다. 💡 블록 레벨 요소 블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것을 가리킨다. 한 줄을 차지한다는 것은 해당 요소의 너비가 100%라는 것

약 22시간 전
·
0개의 댓글
·
post-thumbnail

한 걸음 더 - 인스타그램 페이지

댓글 추가

약 23시간 전
·
0개의 댓글
·
post-thumbnail

부트스트랩

반응형 웹페이지의 치트키

약 24시간 전
·
0개의 댓글
·
post-thumbnail

tailwind 기본 세팅

tailwind 설치 및 기본 설정

1일 전
·
0개의 댓글
·
post-thumbnail

HTML, CSS 복습하기

온라인 청첩장 만들기

2일 전
·
0개의 댓글
·
post-thumbnail

띵동코딩 로그인 페이지

스스로 해보기

2일 전
·
0개의 댓글
·
post-thumbnail

CSS 활용하기

계획서 세우기

2일 전
·
0개의 댓글
·
post-thumbnail

[css] flexbox, grid 익히기

플렉스와 그리드를 익히기 좋은 예제사이트

2일 전
·
0개의 댓글
·
post-thumbnail

디자인 토큰으로 설계하는 디자인 시스템

서비스 커지면, 드래곤볼로도 힘들다.

2일 전
·
0개의 댓글
·

폰트 변경하기

텍스트 폰트를 변경할려면 font-family를 사용해서 사용하고자하는 font를 지정할 수 있다.폰트를 뭐로 바꿀지 몰라서 vscode에서 첫번째로 추천해주는 글꼴로 변경해보았다.이번에도 잘 적용되었따!!!!!

3일 전
·
0개의 댓글
·

텍스트 style 변경하기

텍스트 style을 변경하는 방법은 매우 다양하지만 많이 사용되는 style은 있기 마련이다. text-allign으로 가로 정렬을 설정할 수 있다. start: 좌측 정렬 end: 우측 정렬 center: 가운데 정렬 justify: 좌측부터 우측까지 풀로 채워서

3일 전
·
0개의 댓글
·