post-thumbnail

220915 TIL - 선택자 심화

속성선택자 > 알아두면 쓸모있는 유용한 속성선택자~ 근데 매번 제대로 활용을 못해서 이번기회에 다시 정리,, > 중에서 그나마 편하게 쓸 수 있을 것 같은건 태그[속성이름] 태그[속성이름="변수"] 태그[속성*="변수"] 정도? 내가 다 까먹을 것 같다..ㅠ

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

220915 헷갈렸던 개념 정리 (text-overfow, position속성, z-index, float)

맨날 쓰려고 하면 까먹어서 구글에 검색하게 만드는 놈text-overflow 속성은 부모 컨테이너를 넘어간 컨텐츠가 어떻게 보여질지 결정하는 속성입니다.clip : 기본값입니다. 컨테이너의 끝에서 텍스트를 자릅니다.ellipsis : 잘린 텍스트를 말줄임 표시로 나타냅

2022년 9월 14일
·
0개의 댓글
·
post-thumbnail

CSS Box Model

HTML의 요소는 박스 구성으로 이루어져 있다 > content box : 요소의 콘텐츠가 표시되는 영역 width 와 height 속성으로 제어 padding box : 콘텐츠와 테두리 사이의 공간 border box : 콘텐츠와 패딩을 둘러싸는 테두리 margin

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

CSS 선택자

출처 : 튜토리얼로 배우는 HTML & CSS전체선택자는 \* { } 타입선택자는 해당 타입 { }class선택자는 .classname{ }class 속성은 한 페이지에 여러 개가 존재할 수 있기 때문에 동일한 class 속성이 들어간 요소들을 동시에 식별할 수 있다

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

HTML/CSS정리 11 -SCSS

scss : css 전처리기> css의 부족한 점을 메워줄 수 있다css에서는 이렇게 일일이 경로를 적어줘야 했지만scss에서는 코드가 중첩되기 때문에 중복되는 코드가 적어진다.이렇게 {}를 이용하여 중첩할 수 있음.css에서는 로 썼어야 했지만 scss에서는이렇게

2022년 5월 20일
·
0개의 댓글
·
post-thumbnail

HTML/CSS 정리 03-2 레이아웃 짜기 연습

위가 navi 아래가 skin얘를 만들기위한 코드(float이용) 마크업은 navi만구조

2022년 5월 10일
·
0개의 댓글
·
post-thumbnail

HTML/CSS 정리 03

얘를 실행하면<table> </table> 로 먼저 표 자리를 만든다 <tr></tr>은 행 <td>내용</td>은 행마다의 셀 만들 수 있다. <th>는 제목셀 여기 들어가는 내용은 셀의 중앙에 배치, 굵게 나옴테이블 사이즈

2022년 5월 10일
·
0개의 댓글
·
post-thumbnail

HTML/CSS 정리 02

이 날 부터는 HTML과 CSS를 함께 사용하므로 두 언어가 구분 없이 병기 되어 있습니다.margin : 50px 10px 30px 20px ; 상 하 좌 우margin : 50px 10px 30px ; 상 좌우 하margin : 50px 10px ; 상하 좌우mar

2022년 5월 7일
·
0개의 댓글
·
post-thumbnail

HTML/CSS 01

22.05.02 HTML html은 구조 css는 표현 HTML문서의 기본구조 > -태그는 로 구분 -태그는 소문자로 쓴다 등 단독태그는 여는 태그만 (닫는태그 필요x) 파일명 한글 안됨, 띄어쓰기 안됨(-._ 사용) 태그 => 요소 element 속성= 값

2022년 5월 7일
·
0개의 댓글
·