# CSS

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

3386개의 포스트

스크롤바 스타일 지정

https://webisfree.com/2019-01-08/css-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%8A%A4%ED%81%AC%EB%A1%A4%EB%B0%94-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%A7

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

[Online Tutorials] 스크롤바 커스텀하기

✍🏻 이미지 갤러리가 있는 웹페이지 만들기 코드 결과 참고강의 > https://www.youtube.com/watch?v=fx8Lg1A5IZs

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

<CSS> - Form CSS 연습!

앞에서 배웠던 내용을 토대로 실습을 해보는 시간을 가졌다.우선 선생님의 블로그에서 내려받은 연습문제를 채워서 화면을 구현해보았다. (참조)https&#x3A;//github.com/jbkim08/web/blob/6bb73f7161d6845eea6ae85bb7b49029

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

DevLog__[TIL: CSS]_2021.5.17

✔️ 100vw✔️ 여전히 어려움ㅎ✔️ 이번 스프린트에서 느낀점이라고 하면, width/height는 padding으로, Element의 position은 top,bottom,left,right로 적절히 반응형을 구현할 수 있다는 점이다.✔️ 문득 갑자기 반응형이 무얼

약 6시간 전
·
0개의 댓글

3. CSS - (2)

배경색그 외 속성들background-image, position, repeat 등이 있다.엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고. Rendering 과정이라고도 한다.엘리먼트는 위에서 아래로 순서대로 블럭을 이루며 배치되는 것이 기본이지만,웹사

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

[인스타클론] js와 css를 이용한 이미지 크로스페이드

.gif) 인스타그램의 로그인 페이지 오늘은 인스타그램 로그인 페이지의 이미지 순환을 따라해보려한다. 인스타그램을 보면 이미지 순서가 바뀌는 걸 볼 수 있는데, 이미지 배열의 첫번째 자식요소가 opacity: 1 인 형식으로 따라해보려한다.

약 9시간 전
·
0개의 댓글

TIL

CSS practice note_10 Page Layout - Grid System, Bootstrap

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

[CSS/React] mount/unmount 시 애니메이션 주기

첫 번째 프로젝트로 이솝 홈페이지를 클론코딩 중인데, 맡은 컴포넌트 중에서 젤 애먹었던 modal menu.... 열고 닫는 건 조건부 렌더링으로 하면 되는 거 알겠는데! 나타날 때랑 사라질 때(특!히! 사라질 때! 😫) 애니메이션 구현하는 방법을 몰라서 🐕고생했

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

웹페이지 기초 (10)

span 태그를 이용해서 따로 속성을 바꿔줌 index.html main.css +span 대신 div를 넣으면 블록 속성이기때문에 따로 지정이 없다면 가로를 다 잡아먹음.

약 14시간 전
·
0개의 댓글

주로 사용하는 중앙 정렬 justify-contents, align-items

justify-contents: center;는 가로를 기준으로 중앙정렬 되고align-items: center;는 세로를 기준으로 중앙 정렬된다.

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

CSS 정렬에 대하여

CSS를 공부하다 Element들의 정렬에 관련된 속성들의 정리해 둘려고 작성 한다. 1. POSITION 1-1. static(Default 속성) 아무 속성도 부여되지 않은 상태이며, 굳이 적어주지 않아도 기본값으로 static 설정 된다. 아래와 같이 Eleme

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

CSS Flex 제대로 알기!

CSS Flex

약 18시간 전
·
0개의 댓글

FlexBox

FlexBox를 사용하기 위해선 부모 선택자에 라는 속성이 적용되어 있어야 한다.그리고 나서 자식 선택자에 다음과 같은 속성들을 사용할 수 있다.

어제
·
0개의 댓글

fixed 위치

순서 상으로 밑에 있는 element와 같이 움직인 이유에 대해

어제
·
0개의 댓글
post-thumbnail

멋사준비2-html, css

css를 공부하였다. html로 구조를 짠것을&lt;style>태그에서 색을 입히고, 크기를 정하고 투명도를 정하는 등의 부가기능을 더할 수 있었다.

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

[HTML/CSS] SCSS와 SASS

안녕하세요. 김용성입니다. 여러분들은 혹시 SCSS를 사용하고 계신가요?

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

TIL - 4

HTML 배움 목표 HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다.HTML이 Markup language라는 것을 이해할 수 있다."구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다.HTML

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

[HTML/CSS] 스크롤/가운데 정렬

안녕하세요. 김용성입니다.오늘은 html과 css 간단한 꿀팁 을 포스팅할까 해요.

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

3. CSS - (1)

💻 3-1. CSS 선언 방법 ✍️ CSS 의 구성 span : selector (선택자) color : property red : value ✍️ style을 HTML에 적용하는 세가지 방법 1. inline HTML 태그 안에다 적용한다. 다른 CSS 파일에

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

20210514 CSS - Sign in page 예제

\*선택자는 모든 태그에 적용되는 선택자이다box-sizing을 border box로 설정하면 초기화를 할 수 있다.margin 과 padding을 0으로 초기화 하고 컨텐츠(내용)을 기준으로한 보더로 박싱한다CSS 코드line-height : 한 줄의 높이를 지정하는

3일 전
·
0개의 댓글