display
displaydisplay는 layout에서 자주 사용하는 property입니다. 이름 설명 inline inline특성을 갖는 요소로 지정합니다. inline-block block의 형태를 유지하는 inline특성을 갖는 요소로 지정합니다. block block특성을 갖는 요소로 지정합니다. inlineinline특성은 content
아카이브: 2017
box model
box modelBox model은 콘텐츠(Contents), 패딩(Padding), 보더(Border), 마진(Margin)으로 구성되어 있습니다. 이름 설명 contents 텍스트나 이미지가 위치합니다. padding 보더(border)안에 위치한 영역으로 기본적으로 투명입니다. border 테두리라고 생각하면 됩니다. margin
Mixing CSS with HTML
CSS와 HTML의 연결 방법CSS와 HTML의 연결 방법에는 inline방법과 external방법 2가지가 있습니다. inlineinline으로 CSS를 사용하는 방법은 HTML내에서 CSS를 직접 사용하는 방식입니다. 1234567<head> <style> body{ background-color: red; &#
property
proportyselector로 HTML의 요소를 선택하고 중괄호({})안에 property와 property-value를 지정 할 수 있습니다. property는 이미 정해져있으므로 표준스펙을 참고하시기 바랍니다. 1property:property-value; 위 CSS에서처럼 property와 property-value는 colon(:)으로 구분되어 있
selector
selectorCSS는 HTML의 style을 정의할 때 사용한다. 이때 HTML의 요소를 선택하여 CSS를 적용해야하는데 이때 HTML의 요소를 선택하는 것이 selector(선택자)입니다. 1234h1 { color:...; size:...;} 위 CSS에서 h1은 선택자입니다. 위 코드처럼 작성하면 h1이라는 HTML의 모든 요소
id / class
Attribute Description id 유일한 식별자로써 중복지정이 불가능하다. class 중복지정이 가능하다. # id? id는 element마다 하나의 값만 갖을 수 있다. 주민등록번호 또는 여권번호와 같이 고유한 값만 갖을 수 있습니다. 따라서 주민등록번호와 여권번호가 중복되지 않듯이 id값도 중복선언이 되지 않습니다.
semantic / non-semantic tag
semantic tag?semantic태그는 의미가 있는 태그이다. 예를들어 h1태그는 header 1이란 뜻으로 태그 자체가 의미를 갖고 있습니다. section, article, header와 같이 태그 자체가 무엇을 의미하는지 알 수 있는 태그가 있습니다. non-semantic tag?non-semantic태그는 아무런 의미가 없는 태그이다. 예를들
meta tag
meta tag?meta tag는 extra information입니다. 즉 추가 정보라고 생각하면 됩니다. meta tag는 브라우저를 위한 정보이고 유저를 위한 정보는 아닙니다. 그렇기 때문에 head tag안에 사용합니다. 과거에는 메타태그가 검색결과에 미치는 영향이 컷지만 상업적으로 악용하는 페이지가 많아 구글과 같은 검색엔진 회사에서는 요즘 메타태
hexo markdown table 사용법
tablehexo를 사용하면서 블로깅 시 table 작성이 필요할 경우가 생깁니다. table을 작성하려고 할 때 계속 에러가 났는데 해결방법을 찾아 블로깅 합니다! 사용방법12345|컬럼1|컬럼2||:-:|:-:||값1-1|값2-1||값1-2|값2-2||값1-3|값2-3| 위와 같이 작성하면 됩니다. 12345|컬럼1|컬럼2|컬럼3||:-:|:-:|:-:
iterm2
iterm2?멋진 개발 환경을 위해 또는 zsh를 사용하기 위해 iterm2를 많이 사용합니다. 테마를 적용하려면 더욱 멋진 개발환경을 사용 할 수 있습니다. 설치방법iterm2홈페이지에 가서 iterm2를 다운로드합니다.다운로드 받은 파일을 압축 해제 후 응용프로그램에 넣어줍니다.독에 iterm2를 위와 같은 방법으로 유지시켜주게 되면 iterm2을 완전