3. Box Model 기초

Loerem으로 채우기 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum unde inventore soluta? Temporibus impedit eius aliquid voluptates, deserunt ipsam nostrum, laudantium molestias odit repellendus maxime facilis possimus veritatis, atque architecto? 이 문서를 보면 padding border margin을 이해할 수 있는데 실제 내용은 검은 바탕이고 padding은 빨간 선 안의 흰색 부분으로 내용과 테두리 사이의 공간이고 border은 빨깐 선이고 margin은 그 바깥의 흰 부분으로 다른 요소 ..

• format_list_bulleted CS/HTML CSS
• · 2022. 5. 7.
• textsms

2. 클래스, 아이디, 주석

클래스 세 번째 문단 첫 번째 문단 // 이렇게하면 두개 클래스 동시에 사용 가능 .txt { font-size: 64px; color: blue; } 아이디 첫 번째 문단 #first-txt{ color: blue; } 클래스와 아이디 차이 같은 클래스 이름을 여러 요소가 가질 수 있지만, 같은 아이디를 여러 요소가 공유할 수는 없습니다. 한 요소가 여러 클래스를 가질 수 있지만, 한 요소는 하나의 아이디만 가질 수 있습니다. (단, 한 요소가 클래스도 여러 개 갖고 아이디도 하나 가질 수 있습니다!) 결국 여러 요소를 스타일링 하고 싶으면 → class 한 요소만 스타일링 하고 싶으면 → id 주석 /* css 주석 */ 부족하거나 잘못된 내용이 있을 경우 댓글 달아주시면 감사하겠습니다. 이 글에 부..

• format_list_bulleted CS/HTML CSS
• · 2022. 5. 6.
• textsms

1. html/css 기본 태그

웹사이트 타이틀 제목1 숫자가 커질수록 작아진다 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 선언 HTML 파일을 쓸 때는 가장 먼저 선언을 써야한다. 태그 페이지의 제목/ 브라우저 탭이나 방문 기록에 나와있는 제목임 ~ 태그 한 페이지에 여러 개의 머리말 태그 보통 문단은 (paragraph) 태그 안에 태그 위, 아래에는 기본적으로 여백이 조금씩 있다. 태그 텍스트를 굵게 태그 텍스트 날려쓰기(italics) Phrase Tags 태그는 그냥 텍스트를 '볼드체'로 만들어주고, 마찬가지로 태그는 그냥 텍스트를 '이탤릭체'로 만들..

• format_list_bulleted CS/HTML CSS
• · 2022. 5. 6.
• textsms