# display
inline, block, inline-block 차이점
display 프로퍼티의 값인 block, inline, inline-block들의 차이점에 대해서 알아보려고 한다.모든 HTML의 태그들은 각자의 display 기본값을 가지고 있다.예를들어,header, footer, p, li, table, div, h1 등의 태
[CSS] Display: block, inline, inline-block
안녕하세요? 씨~즈! 입니다:) 지금은 장마 시작을 알리는 비가 내리고 있습니다. 비에 젖고 갬성에 젖네요..ㅋㅋ저는 점심으로 순대국을 먹었더니 배가 든든해졌는데요! 여러분은 맛점하셨나요?먼저 display 속성은 요소(elements)를 block과 inline 중
inline, inline-block, block
HTML에는 2가지 요소가 있다(block , inline) block 요소에는 > div,h1~6,p,ul, , , , , , , , , , , ,, , , , , , , , , , , video block 요소들은 위와 같은 요소들이 있으며 위에 나열된 태
Repl.it HTML/CSS : Layout
Position property static 기본값 : 위치가 지정되지 않음 absolute 가장 가까운 parent element (없을 시 body) 에 상대적으로 위치 지정 relative 상대위치 : top, right, bottom, left를 지정하면 기본값(static)을 기준으로 위치 조정 fixed 고정위치 : top, right, bo...
CSS - display 속성에 대해
inline 인라인 속성은 엘리먼트의 크기만큼 공간을 차지한다. 대표적으로 span 태그와 a 태그가 있다. 인라인 속성을 가지면 크기만큼 위치하기 때문에 예를들어 p 태그안에 span 태그를 넣어 span 태그만 다른 css 속성을 줄 수도 있다. span태그에 color: red;와 border: 1px solid red; 속성을 주었다. 이처럼 해...
[TIL] position, display, float 속성 정리
기본적인 위치 지정 방식. 문서의 기본적인 흐름을 따른다. 모든 태그들은 처음에 position: static 상태이다. (기본적으로 static이라 따로 써주지 않아도 된다.) left,top,right,bottom값이 적용되지않는다차례대로 왼쪽에서 오른쪽, 위에서
20.03.24(Tue) Module #3. CSS3
css는 selector part 와 property part로 나누어져 있다.selector part : 생각하는 모든? 대부분의 태그 이름이 해당되며 여기에는 ID, class ( : 태그, 링크, 문단, 헤더, 푸터, div 등등property part : 소문자
CSS 위치 지정하기(position, float, display)
CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정한다.static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없다.ab
TIL 181103
Refactoring 정의: 단순한 변형 및 추가와는 조금 거리가 있는, 동작은 변하지 않고 (테스트로 보장) quality는 높이는 작업 코드 품질: SOLID, DRY, KISS, GRASP, YAGNI 현재 내가 생각하는 code quality: clean naming, DRY (Don`t Repeat Yourself), KISS (Keep It S...