본문 바로가기

html6

[CSS] border 속성의 값 border (단축속성) -개별속성- border-width 선의 두께 기본값: medium / 값의 종류 thin, medium, thick border-style 선의종류 기본값: none 속성값의 종류 none, hidden(table요소에서 사용), solid, dotted, dashed, double, [groove, ridge], [inset, outset] border-color 선의 색 기본값: black 투명:transparent 2020. 6. 20.
[CSS] box 사이즈를 자동 계산해 주는 box-sizing: border-box box-sizing: border-box; 위 값을 추가 하게 되면 width:100px; height:100px; padding: 30px; box-sibox-sizing: border-box; 이와 같이 코드가 작성 되었을 때, 패딩 상하좌우 각 30px; 을 추가하여 width값과 height 값이 100px이 되도록 자동계산 해준다. 2020. 6. 20.
[Web]HTML, CSS 속성(Attribute)과 값(value) HTML ex) 에서 class는 속성, "A"는 값이 됨. CSS ex) color:tomato; 에서 color가 속성, tomato는 값이 됨. 2020. 6. 13.
[HTML] 블록레벨(Block level) 요소와 인라인(Inline) 요소 1.블록요소 [DIV, H1, P, ...] -사용 가능한 최대 가로너비를 사용한다. (크기지정 가능)- 기본값이 width:100%; height:0; -수직으로 쌓인다. 안녕? 를 다섯개 작성 시 수직으로 '안녕' 5개가 출력된다. -여백 개념(마진, 패딩)을 모두 자유롭게 사용 가능. 2.인라인 요소 [SPAN, IMG, ...] -필요한 만큼의 가로너비를 사용한다.(크기지정할 수 없음) ex) # 이만큼 # 이라고 하면 '이만큼'이라는 문자를 감싸는 만큼의 너비를 가진다. -수평으로 쌓인다 안녕? 을 다섯개 작성 시 수평으로 '안녕' 5개가 출력된다. -margin, padding의 top, bottom의 기능의 작동이 완벽하지 않다. 블록 요소와 인라인 요소를 서로 변경하는 방법 display:.. 2020. 5. 30.
[vscode]Open with live sever 버튼이 안보일 때 해결방법 Ctr+Shft+X 를 눌러 extensions로 이동해 줍니다. live server를 검색해 준 후 install을 눌러 설치해줍니다. 설치가 끝난 후에 다시 우클릭 해 보면 아래와 같이 Open with Live Server가 활성화 되어 있습니다. 2020. 5. 27.
[저장]특수문자 명칭 출처 : 패스트캠퍼스 react 강의 ` Grave (그레이브) / Grave Accent (그레이브 액센트) / Back Tick (백 틱) / 프랑스어: accent grave 악상 그라브 ~ Tilde (틸드) ! Exclamation (엑스클러메이션) mark @ At (엣) sign # Number (넘버) sign, Sharp (샵) $ Dollar (달러) sign % Percent (퍼센트) sign ^ Caret (캐럿) & Ampersand (엠퍼센드) * Asterisk (에스터리스크) - Hyphen (하이픈), Dash (대시) _ Underscore (언더스코어), Low dash = Equal (이퀄) sign " Quotation (쿼테이션) mark ' Apostrophe .. 2020. 4. 16.

티스토리툴바