# CSS

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

302개의 포스트

------나의 참고사이트 모음------

css 참고 사이트 :https://junistory.blogspot.com/2017/06/flexbox-layout.html

약 6시간 전
·
0개의 댓글

4월 1주 프론트엔드 큐레이션

4월의 첫번째 주가 거의 다 지나갔습니다. 그 동안 여러 뉴스레터나 이곳저곳에서 보았던 정보를 정리해보았습니다. 4월 6일에 최종 업데이트될 예정입니다.

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

인스타 클론코딩 코드리뷰

프론트 공통 디자이너가 준 걸 그대로 구현해 내는 것이 일순위 잘못 불러오진 것은 Network탭으로 확인 HTML, CSS는 완벽하게 구현해야 함 id는 아예 안쓰는 것이라 생각 이름을 부여하는 이유는 css에서 꾸미고 싶어서 하는 것인데, id는 이벤트성

2일 전
·
0개의 댓글

CSS) 미디어쿼리

기기의 해상도에 따라 CSS를 달리 지정해야하는 경우 미디어쿼리를 사용하면 됩니다.max-width미디어 쿼리에서 최대 너비를 설정합니다. 브라우저의 너비가 max-width 값 이하인 경우에만 CSS가 적용됩니다.min-width브라우저의 너비가 min-width 값

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

TIL 0404

화살표함수

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

지리공부는 내게 쥐약이였다. -2-

우리가 배운것들의 기반지식을 이해하기에 좋은 카X오맵같은 글입니다. ( 먹는거냐옹? )

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

지리공부는 내게 쥐약이였다.

우리가 배운것들의 기반지식을 이해하기에 좋은 카X오맵같은 글입니다. ( 먹는거냐옹? )

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

TIL 0402

자바스크립트...

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

[TIL] 38. 크로스 브라우저 테스팅 (Cross Browser Testing)

웹 사이트(또는 웹앱)가 어느 버전의 브라우저에서나, 어느 디바이스에서도 원하는 결과물이 나오도록 확인하고 수정하는 단계를 말한다.인터넷 익스플로러(Internet Explorer, ie), 크롬(Chrome), 사파리(Safari)는 기본이고 모바일에서 카카오톡 웹뷰

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

TIL 0401

함수 어렵다..🤦‍♀️

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

뷰포트부터 반응형 웹까지 개념정리

웹 페이지내에서 브라우저 화면상에서 실제 표시되는 영역을 뷰포트라고 합니다.뷰포트는 장치에 따라 다릅니다.모바일 화면에서는 작고, 컴퓨터 스크린에서는 보다 큰 영역을 가지고 있습니다.스마트폰과 태블릿의 전성시대 이전의 기성 웹사이트들은 오직 컴퓨터 스크린에만 맞춰서 디

6일 전
·
0개의 댓글

Z-index가 적용이 안되요!

2020-02-17-z-index가 적용이 안되요!프로젝트를 하면서 z-index때문에 아주 골머리를 썩힌적이 있었다. 이때, 하위 요소에 아무리 높은 인덱스를 줘도 적용이 안되는 것에 너무 많이 힘들었다. 그러므로 나같은 삽질을 피하라고 올린다. z-index의 순서

6일 전
·
0개의 댓글

placeholder in CSS

ex)지원하는 Style• font properties•color•background properties•word-spacing•letter-spacing•text-decoration•text-transform•text-align•vertical-align•line

6일 전
·
0개의 댓글

CSS - Flexbox

부모 컨테이너를 플렉스로 선언하면, 그 안에 종속된 칠드런 박스들을 움직일 수 있다. 각각의 박스에게 일일히 명령할 필요가 없다.flex-dirextion: row; 일때 (디폴트) justify-content 수평으로 적용 align-items 수직으로 적용flex

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

Text Input Style

HTMLCSS

6일 전
·
0개의 댓글

border-radius

시계방향 순서border radius: top-left값 top-right값 bottom-right값 bottom-left값;

6일 전
·
0개의 댓글

Position

static요소를 일반적인 문서 흐름에 따라 배치합니다. top, right, bottom, left, z-index 속성이 아무런 영향도 주지 않습니다. 기본값입니다.relative요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right,

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

TIL 0331

자바스크립트 조건문 공부

6일 전
·
0개의 댓글

CSS - Box Model & Display & Position

BOX MODEL display: Inline vs Block vs Inline Block; block : element가 크기와 상관없이 그 옆에 다른 element가 위치하는것을 허용하지 않는 것. inline-block : 박스들이 서로서로 옆에 있음. i

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

CSS box-sizing에 대해 알아보자

box-sizing box-sizing CSS 속성은 요소의 너비와 높이를 계산하는 방법을 지정합니다. css 박스 모델의 기본값에서, 지정한 width와 height는 content-box 크기에만 적용됩니다. 여기에 border, padding이 있으면

6일 전
·
0개의 댓글