# CSS

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

1269개의 포스트
post-thumbnail

[CSS] 이미지 사이즈 맞추기 (object-fit)

CSS로 크기가 서로 다른 이미지들을 관리하고 그 비율을 매번 맞춰주는 것은 쉽지않다. 유저가 웹사이트에 입력하는 이미지는 그 크기와 비율이 제각각이다. 이렇게 받은 이미지들을 모아 고정된 크기의 틀로 보여줘야 할 때 어떻게 해야 할까?

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

TIL 2020.04.12

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

#3. 다시 배우는 CSS 정리

What is the CSS? > CSS란 Cascading Stylesheets의 약자로 종속형 스타일시트이다. HTML이 콘텐츠의 구조와 의미를 정의한다면 CSS는 스타일과 레이아웃을 지정한다. 예를 들어, 콘텐츠의 글꼴, 색상, 크기 그리고 행과 열을 분할하는 것

2일 전
·
0개의 댓글

CSS 선언 방식

🤔 CSS를 선언하는 방법을 알아보자 👆🏼

3일 전
·
0개의 댓글

CSS 스타일 초기화

브라우저가 가진 기본적인 CSS 스타일을 초기화할 수 있다❕❔

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

Transition 에 대해 알아보자!!

지금까지 프로젝트를 진행하면서 한번도 CSS transition property를 사용해 본적이 없는것 같다. 1차 프로젝트 때 진행한 카카오프렌즈 클로닝에서도 transition을 요구하는 부분이 많이 없었고, 내가 아닌 다른 동기의 손에 의해서 구현되어서 더욱더 궁

4일 전
·
0개의 댓글

Ticker UI 구현해보기

ticker ui 구현하기

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

CSS / SCSS / SASS

CSS / SCSS / SASS 에 대한 개념과 정의에 대해서 알아보자.

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

인자한 개발로그__[HTML&CSS: 기본 태그와 css selector]

일주일 중 5일을 달리다가 오늘은 바깥 공기도 마실 겸! 카페를 왔다. 카페와서 하는 블로그는 여유롭고 좋다. 하하. 벌써 블로그도 할 일이 아닌 나의 생활에 일부가...?ㅋㅋㅋ블로깅을 하면서 몇 가지 뿌듯했던 경험들이 지속적으로 글을 남기는 원동력이 되는 것 같다.

4일 전
·
0개의 댓글

200926__CSS background image 비율 유지 확대

다음은 자바스크립트로 10장의 이미지를 랜덤으로 백그라운드 이미지로 넣어주는 상황이다. 따로 div를 생성하지 않고 바로 img 요소로 넣어주었다.이런 상황에서 창에 크기에 맞춰 이미지가 확대되고 축소되지만, 비율은 유지하고 싶다면?width와 height을 100%로

4일 전
·
0개의 댓글

TIL No.15 CSS flex box!!

2가지 중요한 포인트가 있다.각각 적용할 수 있는 속성값들이 있다.box에 지정하는 속성들이 있고 box에 들어가는 items에 지정하는 속성들이 있다.displayflex-directionflex-wrapjustify-contentalign-itemsalign-con

5일 전
·
0개의 댓글

CSS 애니메이션 VS JS(JavaScript) 애니메이션

CSS 애니메이션과 JS(JavaScript) 애니메이션에 대한 차이점에 대해서 알아 보자 ❣️

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

CSS 프레임워크를 직접 개발해보았습니다.

웹 프론트엔드 개발을 하다보면 CSS 프레임워크는 거의 필수적으로 사용하게 됩니다.저는 웹 개발할 때 Vue.js를 주로 사용하는데, 그 동안 이것저것 많이 사용해보았지만, 기능적으로나 디자인적으로 Element UI가 괜찮아서 그 동안 10개가 넘는 기업 웹사이트를

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

HTML & CSS를 무시하면 피똥싼다.

이미지 출처: Pixabay - James Osborne > HTML & CSS를 무시하면 피똥싼다. 라는 말을, 한 개발자님 유튜브 영상으로부터 들었다.

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

TIL34: Position and Layout

Position and Layout

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

[HTML, CSS, JavaScript] 계산기만들기

생각보다 계산기프로그램을 만드는 것은 만만치 않았어요... 자료구조를 계속 염두해두고 생각하게 만들었던 프로젝트였습니다. HTML, CSS, JavaScript 파일은 되도록 따로 분리해 호출하는 형식으로 진행했으며, 반응형 웹으로 개발했습니다.

2020년 9월 23일
·
0개의 댓글
post-thumbnail

CSS (navbar 만들기)

(본 게시글은 https://www.youtube.com/watch?v=X91jsJyZofw 를 참조하였습니다.) : 마우스가 올라갔을 때 표시되는 것 : 위치를 변경하고 싶을 때 사용 1) relative : 위치를 조금만 변경할 때 (top / botto

2020년 9월 23일
·
0개의 댓글