반응형 텍스트4 📝 CSS 문단 및 목록 스타일 요약! CSS 문단 스타일 direction - 글자 쓰기 방향 지정하기 ltr : left-to-right, 기본값 rtl : right-to-left text-align - 텍스트 정렬하기 start : direction에서 정한 시작 방향 정렬 (ltr은 왼쪽, rtl은 오른쪽) end : direction에서 정한 끝 방향 정령 left : 왼쪽 정렬 right : 오른쪽 정렬 center : 가운데 정렬 justify : 양쪽 맞춤 match-parent : 부모 요소 따라 text-justify - 정렬 시 공백 조절하기 auto : 웹 브라우저에서 자동으로 지정 none : 정렬하지 않음 inter-word : 단어 사이의 공백을 조절해 정렬 distribute : 인접한 글자 사이의 공백을 똑같이.. 2022. 9. 24. 📝 CSS 글자 스타일 속성 요약! 글자에 적용할 수 있는 스타일은 font 스타일과 text 스타일이 있다? font와 text 속성의 차이 Font는 글자 디자인적 요소, Text는 글자의 배치 글자의 효과 Font는 입력 순서가 있음(border background는 순서 상관 없음) 폰트(Font) 스타일 ⭐ font-size - 글자 크기 조절 font-size : ||| 절대 크기 : 브라우저에서 지정한 크기 ex) xx-small ~ xx-large 상대크기 : 부모 요소의 글자크기를 기준으로 더 크게 표시하거나 더 작게 표시 ex) larger, smaller ⭐크기 : 브라우저와 상관 없이 글자 크기를 직접 지정 백분율 : 부모 요소의 글자크기를 기준으로 %를 계산해 지정 글자 크기의 단위 ⭐em : 해당 글꼴의 대문자 M.. 2022. 9. 24. 📝 표를 만드는 HTML 태그들! 표를 만드는 태그 의 기본 구조 📥입력 열제목1 열제목2 열제목3 행제목1 내용 내용 행제목2 내용 내용 정리 정리1 정리2 📤출력 열제목1 열제목2 열제목3 행제목1 내용 내용 행제목2 내용 내용 정리 정리1 정리2 는 , , 으로 구성되어 있다. 그리고 로 행(row)마다 묶어져 있으며, 안에는 제목(head)인 , 내용(data)인 가 들어갈 수 있다. HTML 표에 추가할 수 있는 속성 colspan, rowspan : 행 합치기, 열 합치기 📥입력 합친 행 //rowspan="합치고 싶은 셀 갯수" 내용 내용 내용 내용 내용 합친 열 //colspan="합치고 싶은 셀 갯수" 📤출력 합친 행 내용 내용 내용 내용 내용 합친 열 rowspan rowspan은 각 행에서 같은 위치에 있는 셀끼리 합.. 2022. 9. 20. 📝 텍스트를 표현하는 HTML 태그들! 텍스트를 표현하는 태그들은 크게 2가지, 블록(Block) 태그와 인라인(Inline) 태그로 구분할 수 있다. (블록과 인라인에 대해서는 이전 글 참고) 블록 태그들은 주로 제목, 문단과 같이 글의 구조에 관련있다. 인라인 태그들은 주로 굵게, 기울이게 등 글자를 꾸며주는데 관련이 있다. 텍스트를 표현하는 블록 태그들 ~ : 제목 표시하기 가장 큰 제목 가장 작은 제목 h1이 1등, 가장 크고 중요한 제목에 쓰인다. 🐍 h1 태그는 문서당 한 개만 있는게 좋다. (웹 표준, 구글 SEO) 나머지 h2 ~ h6은 소제목들에게 써주는게 좋다. , : 단락 만들기, 줄 바꿈 안녕하세요! 반갑습니다! : 대부분 문서 내용을 표현할 때 쓰인다. : 줄을 바꾸는데 쓰인다. 단독으로 한 번만 입력하면 된다. (Se.. 2022. 9. 18. 이전 1 다음 반응형
