display - 선택된 대상의 inline, block, inline - block, none 처리 - inline : 인라인 오쇼 변경 - block : 블럭 요소 변경 - inline - block : 높이와 넓이를 가지는 인라인 요소로 변경 - none : 화면 미 노출 display none inline inline > block inline > inline-block line-height - 텍스트(인라인 요소) 세로 간격 설정 .lineheight01{line-height:25px; } list-style - 불릿 변경 안녕하세요. 안녕하세요. 안녕하세요. 안녕하세요. 안녕하세요. 안녕하세요. ​

기본설정 position, z-index - position : 블럭요소 배치 옵션 설정 absolute position 값이 설정된 relative 부모태그 기준으로 절대 위치에 배치 fixed 디바이스 크기의 절대 위치에 배치 - z - index : 블럭요소 앞뒤 정렬 옵션 ( 높은 수가 제일 앞으로 ) - top : 상단 절댓값 - left : 왼쪽 절댓값 - right : 오른쪽 절댓값 - bottom : 하단 절댓값 .position01{ position:absolute; top:10px; left:10px; background-color:red; }

기본 설정 div {border 1px solid #000;} padding 안녕하세요. 안녕하세요. - 안쪽 여백, 전체 혹은 상하좌우 별도 안쪽 여백 설정 가능 .my-padding01 {padding:10px;} .my-padding02 {padding-left:20px;} ​ margin 안녕하세요 - 밖 여백, 전체 혹은 상하좌우 별도 밖 여백 설정가능 - 고정적인 사이즈 .my-margin01{margin:20px;} .my-margin02{margin-top:30px;} width, height - 블럭요소의 가로, 세로 사이즈 지정 .my-size01{width:500px;heighit:300px;} 인라인 요소 테스트 .my-size01{width:500px;height:300px;} }..

각 공지사항의 타이틀은 빨강색상, 자유게시판 타이틀은 파랑색상, 모든 표의 행 하단 밑줄이 표현되도록 style 적용하여라. css 선택자 및 css 속성 종류 실습 공지사항 제목 제목입니다. 자유게시판 제목 제목입니다. 답

아래의 html 요소를 확인하고 화면에 제시된 형태로 css 정의하여 표현 답 타이틀 제목1 제목2 제목3

- css 속성을 활용하여 html 요소에 style을 적용할 수 있다. Font - 글꼴(텍스트 요소)종류, 크기, 굵기, 스타일 등 지정 - 글꼴 종류 - 사용자 컴퓨터에 설치된 폰트 기준으로 설정이 가능하다.(굴림, 돋음, 맑은 고딕) - 사용자의 컴퓨터 폰트가 설치가 안된 폰트는 웹폰트를 활용한다. 안녕하세요.ksmart.or.kr - 글꼴 크기 font-size: 25px; - 폰트 굵기 font-weight:bold; - 폰트 스타일 font-style:italic; Text - 텍스트 요소 표현 옵션 - 텍스트 정렬 - 적용 된 하위 인라인 요소의 정렬을 지정 할 수 있다. - left, center, right text-align:center; - text 아래, 위, 중간줄 표현 -und..