기본 설정 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;} }..

- 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..

안녕하세요. 한국스마트정보교육원입니다. ksmart.or.kr 목차 1.태그명 2.Id 3.Class 4.속성명_속성명과 속성값 5.상하관계 표현 6.And 조건 7.OR 조건 8.복합활용 예시 - html 요소를 선택자로 선택하여 style을 적용할 수 있다. 태그명 - 선택자에 명시된 태그명과 일치하는 모든 요소를 선택 - 예 ) input { color : blue; } -> 모든 input 태그에 텍스트요소 color blue 로 적용 아이디 - 선택자에 명시된 아이디명과 html 요소의 아이디 속성의 값과 일치하는 요소 선택 - html 요소의 아이디 속성값은 유일값을 가져야 한다. -예 ) #my-div { color : blue; } -> id=" my-div " 라는 속성을 가진 대상에 텍..

CSS란? -html 구조, css 외형, javascript 동작담당 -캐스케이딩 스타일 시트(Cascading Style Sheets, CSS) -크기, 정렬, 색상, 배치 등 적용 적용방법 -구문 : 스타일속성명 : 스타일값; -각 태그들의 style속성에 적용 -ex) style="color:red;" -style 그안에 선택자를 활용해서 적용 ex) input{color:red;} -외부 파일을 읽어들여 적용 한국스마트 정보교육원 ​ Style 태그 내에 선택자 활용 적용 안녕하세요. ​ css 파일 만들기 WebContent 오른쪽마우스클릭 -> New -> Other -> Web -> CSS File ->main.css 생성 퇴근이 코 앞이다. 신난다. 오늘 저녁 뭐 먹지? @charset ..