일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 속성 선택자
- 전체 선택자
- select
- Head
- !doctype html
- ::first-letter
- colspan
- Ol
- img
- ::first-line
- 한정수 강사님
- ul
- JavaScript
- ::before
- JAVA 개발 환경 설정
- rowspan
- BODY
- BR
- Python
- table
- HTML정의
- Border
- textarea
- Li
- Title
- tag
- 인라인 레벨 요소
- option
- :active
- Form
- Today
- Total
목록전체 글 (164)
개발 공부 기록하기
실로 오랜만에 온 것 같다. 음, 변명하자면, 그 사이 많은 일들이 있었다. 일단은, 지금 하고 있는 일이 아닌 다른 길로 틀겠다고 부모님께 내 속을 터뜨려 놓았다. 갑자기 왜 그러냐며 딸을 말리는 부모님을 설득(?)하느라 시간이 조금 걸렸다. (설득인지 땡깡인지는 모르겠지만, 하여튼... 충분히 설명했고 납득하셔서 어느 정도 시간은 벌었다.) 그 와중에 공부 목적으로 가지고 다니던 피처폰을 잃어버렸다.. 그 난리통에 대체 어디로 갔는지 알 수가 없다...ㅋㅋㅋㅋ 사실 아직은, 모호한 미래로 인해 불안한 것이 사실이다. 그래도, 내가 21살, 22살 때부터 생각했던 것이, 29살인 지금도 여전히 현재 진행 중이라는 사실을 얼마 전에야 알아차렸다. "에이, 내가 지금 이 나이먹고 무슨 새로운 도전이야.....
웹 문서에서 쓰는 여러 tag는 다른 tag를 포함하기도 하고, 다른 tag에 포함되기도 하는 관계이다! parent element(부모 요소): 포함하는 tag ex, child element(자식 요소): 포함된 tag Style Sheet에서는, child element에 별도로 적용된 속성이 없다면? → parent element에 적용된 속성이 그대로 전달됨!!! 이게 바로 Style Inheritance (스타일 상속) ex, tag의 style에서 글자 색, 글꼴 지정한다면, 그 style은 웹 문서 전체에 적용된다. cf, 배경 색, 배경 이미지 style inheritance가 될 수 없는 애들. 그리고 style inheritance가 모든 style 충돌을 해결해주는 건 아님! → 우..
Cascading 폭포같은, 폭포처럼 흐르는 그니까 웹 요소에 2개 이상의 style을 적용하게 된다면, 우선순위에 따라서 뭐 먼저 적용할래?하고 결정하는 것이 Cascading Style Sheet (Style끼리 충돌하지 않게 도와줌!) 우선순위는 어떻게 결정되는데? 1) 얼마나 중요한데? User style → Author style → Browser basic style - 그 웹페이지를 사용하는 사람이 적용한 style이 최우선! - 그 다음 중요한 건, 그 웹페이지를 만든 사람이 적용한 style, - 마지막으로 중요한 건, web broswer가 적용한 style. 2) 적용 범위는 어디까지야? !important → inline style → id style → class style → t..
사실 늦은 나이에 새로운 분야인 '개발'을, 그것도 소위 천재들의 영역이라고만 생각했던 '개발'을 이 나이에 걸음마부터 천천히 시작해도 되는지에 대한 의문이 가시지 않았다. 그래서 포털사이트에 '비전공자 개발자'라고 검색했는데 눈에 띈 책 『오늘부터 개발자 - 비전공자를 위한 개발자 취업 입문 개론』. 내 머릿속에 있던 의문들을 알잘딱깔센 씻어주는 책이었다..ㅎㅎ (나도 신조어 써보고 싶었다...ㅎ..... 노땅 인증..ㅠ) 사실 읽는거야 금방 읽을 수 있었겠지만, 나는 이 책을 급히 구하느라 동네 도서관에서 빌렸기 때문에... 바빠서 못 읽다가 반납일이 다가와서 곧 내 손에 없을 책이기 때문에... 메모를 따로 해놓느라고 오래걸렸다..ㅎㅎㅎ 똑같은 29살에 (비록 시작 동기는 달랐지만) 완전히 개발과는..
Attribute Attribute Value 어떨 때 쓰나? text-align center, etc. text 정렬 color blue, etc. 글자 색 background-color #fff, etc. 배경 색 font-style italic, etc. 글꼴 서식 font-weight bold, etc. 글꼴 서식 border 1px solid #000, etc. 테두리 굵기, 색깔 width 500px, etc. 너비 margin 10px auto, etc. 중앙 배치 padding 10px, etc. 테두리-내용 사이 여백 display inline-block 글자 부분에만 배경색이 채워지도록 지정. font-family "맑은 고딕", 돋움, 굴림, etc. 글꼴 지정 font-size 10..
Universal Selector (전체 선택자) * { 속성: 속성값; } 문서의 모든 요소에 style 적용할 때 씀. browser 기본 style을 초기화하고 싶을 때도 씀. ex, browser에 기본으로 되어 있는 margin & padding을 0으로 지정 Type Selector (타입 선택자) 태그명 { 속성: 속성값; } 그 tag를 쓴 모든 곳에 style 적용 레드향 껍질에 붉은 빛이 돌아 레드향이라 불린다. 레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, 과육이 붉고 통통하다. 비타민 C와 비타민 P가 풍부해 혈액순환, 감기예방 등에 좋은 것으로 알려져 있다. Class Selector (클래스 선택자) .클래스명 { 속성: 속성값; } 레드향 껍질에 붉은 빛이 ..