css25 CSS-display, visibility, opacity 속성 1. display : 요소의 성격을 바꿔주는 속성. layout 정의에 자주 사용. 속성 값 설명 block inline 요소의 성격 → block 요소로 변경 ▶ 줄바꿈 X inline block 요소의 성격 → inline 요소로 변경 ▶ 줄바꿈 O inline-block inline 요소의 성격 → inline-block 요소로 변경 ▶ 줄바꿈 X block요소만 사용할 수 있는 text-align 등의 속성을 사용할 수 있다. none 해당 요소를 화면에 표시하지 않는다. (공간도 사라짐) * 블록 레벨 요소 / 인라인 요소 참고 : https://hrin-0820.tistory.com/15 HTML5 블록 레벨 요소 / 인라인 요소 블록 레벨 요소 (Block-level) 인라인 요소(Inli.. 2020. 8. 13. CSS-문단(paragraph) 관련 스타일 1. text- align : 문단 정렬. 블록 요소에만 적용되는 속성 속성 값 설명 left 왼쪽 정렬 center 가운데 정렬 right 오른쪽 정렬 justify 양쪽 정렬 2. vertical-align : 이미지나 폼 요소 정렬. img, input, select, label, 테이블의 tr, td 등에 사용 속성 값 설명 top 위쪽 정렬 middle 세로 중앙 정렬 bottom 아래쪽 정렬 3. text-indent : 문자의 첫머리를 들여쓰기 해주는 속성. 블록요소에만 적용. 왼쪽으로! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint architecto, eveniet dolorem quos perspiciatis optio .. 2020. 8. 12. CSS-Font & Text 2 1. letter-spacing : 글자 간의 각격 (자간) / word-spacing : 단어 간의 간격 기본값 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus aut necessitatibus officiis quas expedita saepe, omnis deserunt iure laborum fuga ipsum dolorum! 글자 간의 간격 넓게 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus aut necessitatibus officiis quas expedita saepe, omnis deserunt iure laborum fuga ipsum dolorum! .. 2020. 8. 11. CSS-Font & Text 1. font-family : 글꼴 지정 첫번째 지정한 폰트가 사용자 컴퓨터에 설치되어 있지 않은 경우, 다음 지정된 폰트가 적용된다. 따라서 마지막에 지정하는 폰트는 OS에 기본적으로 설치되어 있는 generix-family폰트를 지정해야 한다. font-family Times New Roman font Arial font Courier New font Google font Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus enim beatae debitis dicta fuga eveniet ut quasi labore laborum obcaecati modi officiis, sequi ad molestiae. Velit tene.. 2020. 8. 10. 이전 1 2 3 4 5 6 7 다음
