# CSS

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

11073개의 포스트

[Web Project] Seoul City Hall Clone Coding

Seoul City Hall Clone Coding Project [220809~220814]

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

시맨틱 웹 & 시맨틱 태그

div vs img를 통해 알아보는 시맨틱

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

display property : inline, inline-block, block

display 속성은 웹 문서 상에서 요소들이 어떻게 보여지고 다른 요소들과 어떻게 상호 배치되는지를 결정한다.한 줄에 다른 요소들과 나란히 배치될 수 있다. 대표적으로 <a>, <em>, <span>등이 있다.inline과 비교하면 줄바꿈 없이 한 줄

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

position 속성 - relative, absolute, fixed

position 속성은 웹 문서 안 요소들을 어떻게 배치할 지를 정하는 속성입니다. position 속성을 이용하면 텍스트나 이미지를 원하는 위치로 배치할 수 있고 어떤 방식으로 놓을 지를 결정할 수 있죠.만약 position 속성에 대한 이해없이 css를 수정한다면

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

[TIL] - display(block 과 inline 그리고 inline-block)

display 속성이 inline 으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 중에 다른 엘리먼트들과 나란히 배치된다. 대표적인 inline 엘리먼트로는 <span> <a> <em> 태그 들을 들수 있다.예를 들어, 여러개의 inline 엘리먼트 다음과

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

[TIL] - Position 속성

position 의 기본값은 static 이다. \- static: 유형(기준)없음/ 배치 불가능realative: 요소 자신을 기준으로 배치absolute: 위치 상 부모요소를 기분으로 배치fixed: 브라우저(뷰포트)를 기준으로 배치sticky: 스크롤 영역 기준

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

[TIL] - Semantic Web VS Semantic Tags

시멘틱 웹(Semantic Web)은 "의미론적인 웹" 이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다.웹 2.0 시대가 시작되면서 사용자들이 생산하는 정보들이 많아지다가 그 양이 너무 많아졌다.우리에게 필요하고 유익한 정보들도 많지만, 불필요한 정

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

[CSS] display 속성

🧩 inline, block, 그리고 inline-block

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

[CSS] position 속성

⛳ static, relative, absolute, 그리고 fixed

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

CSS 속성 - 레이아웃

CSS의 속성 중 레이아웃에 관련된 내용입니다.

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

CSS ) position(feat. relative, absolute, fixed)

position 속성

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

CSS 레이아웃 - position과 display 알아보기

CSS 레이아웃을 구성하는데 꼭 알아야할 position과 display 개념 정리

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

TIL

🐥 배경 관련 CSS 속성들 🐥 배경에 검은색 틴트 주기 🐥 주의해야할 margin 버그 🐥 Default breakpoints 🐣 회고

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

💚 PORTFOLIO

📌 나 준비한다 열심히

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

💙 WORK HARD?

📌 하나부터 열까지 다 알려주는게 좋아

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

웹 페이지 만들기

레이아웃 구성 웹사이트 만들기에 앞서 전체적인 구조를 먼저 짜는것이 중요하다. 최소한 header, nav, main, sidebar, footer 영역을 구분하는 정도는 알고 있는게 필요하다. flex, grid 레이아웃을 어느정도 구상하였다면, 본격적으로 내가

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

CSS - Selector_2

CSS - Selector_2

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

[CSS]배경이미지 고정

fixed스크롤바를 내려도 그림은 고정이 되고 글씨만 내려간다.scroll(기본값)\-스크롤바를 내리면 그림과 글씨가 같이 내려간다.

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

[CSS]배경이미지의 위치조정

left top(기본값): 왼쪽 상단에 배경이미지를 나타냅니다. right bottom: 오른쪽 하단에 배경이미지를 나타냅니다. center center: 문서 가운데에 배경이미지를 나타냅니다. ex) 30% 70%: 직접 위치를 지정하여 배경이미지를 나타냅니다.

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

[CSS]배경 관련 스타일 시트

ex) background-color : pink; : 배경색으로 분홍색이 된다.repeat 생략시 기본값이어서 바둑판식으로 나온다.repeat: 배경이미지를 바둑판식 배열로 나타냅니다.(생략시 기본값)no-repeat: 배경이미지를 반복하지 않고 한 번만 나타냅니다.

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