profile
개(발자 어)린이입니다
post-thumbnail

[TIL] CSS_position

position 은 static, relative, absolute, fixed 등이 있다. 이번에는 이 4가지 값만 살펴보려고 한다! 1. Position? HTML의 tag의 위치를 결정한다. 1) static : 디폴트! 기본 값이다! (tag는 차례대로

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] CSS_ block, inline, inline-block

1. Block > 블록은 위아래로 쌓는다. 그래서 블록 속성인 태그들을 사용하면 콘텐츠 크기에 상관없이 한 칸 , 한 칸씩을 몽땅 차지한다. - block 요소인 tag들 - width 값과 height 값을 입력해서 크기를 변경할 수 있다. - widht에

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] CSS_이미지 , <div>크기

이미지 넣는 방법은 html에서 img 태그를 사용하는 것뿐이라고 생각했지만 css로도 이미지를 넣을 수 있다는 걸 알았다!!html에서 세션을 나누어주는 div 태그를 사용해서 클래스를 만들어주고, css에서 background-image 속성을 추가해서 속성값에 u

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] CSS_selector표현, 우선순위

저번 TIL에서 썼던 css 기본구조다. h3은 selector이고 이 seletor는 결합해서 사용할 수 있다. selector(선택자)에 class나 id를 사용할 경우 태그와 결합할 수 있다. ✏️ 이런 html 구조가 있으면, ✏️ p 태그이면서 p-tag 클래

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] CSS_상속, 그룹

css가 가진 특성이라고 한다. 스타일이 상속되어 부모가 속성을 가지고 있으면 자식에게도 같은 스타일이 적용되고, 부모의 속성이 있어도 자식 본인이 해당 속성을 따로 가지고 있다면 본인의 스타일이 적용된다. 처음 자기소개 웹페이지를 만들때는 부모와 자식이라는 단어도 이

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] CSS_ box-sizing

width 와 height를 사용해서 요소의 크기를 조절해줄 수 있다. 그런데 width와 height는 margin이나 border, padding 값을 다 뺀! 예시를 들자면, ✏️ 코드 작성 🖥 실행 화면wecode라고 쓰여진 요소의 값은 내가 지정한 width

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] CSS_margin,padding,border

모든 요소들은 margin, padding, border를 가진다. margin과 padding은 여백을, border는 테두리를 디자인할 수 있다. 1. margin 테두리(border)의 바깥에 있는 주황색 부분이 margin이다. ✏️ html 코드 ✏

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[TIL] CSS_font style

브라우저에 나오는 텍스트들을 폰트 스타일을 사용해서 다양하게 디자인해줄 수 있다. font-family에 대해 간략히 .. 왜냐하면 난 몰랐으니까... 어떤 이유로 그렇게 폰트들을 나열했는지...!

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

[TIL] CSS 적용과 작성

HTML로 기본 뼈대를 잡았으면 CSS로는 디자인을 잡을 수 있다. 이 CSS를 HTML에 적용하는 방법은 총 3가지가 있다!

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

[TIL] HTML Attributes

태그에는 속성을 지정할 수 있다. 한 태그에 여러 속성을 지정할 수 있다.a는 태그고, href는 속성이다.태그에 이름을 부여하는 속성이다. 다른 id의 이름과 중복되어서는 안된다. 예를 들면base라는 이름을 가진 id는 한번만 쓸 수 있다! 유일하게 사용하고 싶을

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

[TIL] HTML Tag

repl.it를 통해서 배운 내용들이다. 위코드 전에 생활코딩이나 사전스터디로 웹페이지 만들기를 하면서 분명히 알고 넘어갔다고 생각했지만 막상 TIL이나 글로 질문할 때 어떻게 지칭해야하는지 몰라서 난감했을 때가 있었다. 역시... 결국엔 몰랐다는 거다. 이번에 rep

2020년 9월 14일
·
0개의 댓글