개발자 수강노트/html／css3 수강노트 - CSS 기본 (2) : 스타일속성 종류 2 1) border - 테두리 첫번째 상,우,하,좌가 굵기3px, 스타일은 dotted, 색상은#000; 두번째 상,하가 굵기3px, 스타일은 dotted, 색상은#000; 세번째 좌,우가 굵기3px, 스타일은 dotted, 색상은#000; 2) padding - 안쪽여백 안녕하세요. 안녕하세요. 안녕하세요. 안녕하세요. : 여기서 #padding03 결과를 F12눌러서 마우스 대보면 초록색 상 우 하 좌 안쪽여백 (padding : 15px10px 30px 5px;) 이 적용된 모습이다. * 밑에 주황색은 최상단에서 공통적으로 적용한 margin값 10px가 적용된 모습 3) margin - 바깥 여백 안녕하세요. 안녕하.. 2022. 7. 31. 수강노트 - CSS 기본 (1) : 적용방식 - 구문 -> 스타일 속성 종류 : 스타일 속성값; - 스타일 적용시 하위 요소들에게도 적용이 된다. - style 테그는 head테그 내부에 배치한다. :: style 속성으로 적용 - 모든테그는 style 속성을 가지고 있다. 한국스마트 정보교육원 안녕하세요. :: 선택자 활용 - 선택자로 테그를 선택 후 스타일을 적용 시킬 수 있다. - 선택자는 styl테그에서 서술 할 수 있다. - css 외부 파일에서 선택자로 활용할 수 있다. - style 테그는 head테그 내부에 배치한다. 1) 테그명 선택자 - 테그명을 선택할 수 있다. 배경이 #efefef (회색) 으로 바뀐다. 2) 속성명 선택자 - 테그가 보유한 속성으로 선택 할 수 있다. 네이버.. 2022. 7. 31. 수강노트 - HTML 기본 : 블럭요소 테그 - 자동줄바꿈 가능 - 부모테그의 가로폭 100%, 직사각형형태 - 블럭요소안에 블럭요소 포함 가능 1. 블럭요소 테그 종류 - header : 화면 상단 구성 - footer : 화면 하단 구성 - nav : 메뉴를 구성할때 - h* : 타이틀을 나타낼때 - div : 블럭을 표현할때 주로 쓰임 - ul, li : 리스트를 표현할때, ul하위로 li태그가 있다. (한쌍으로 같이 쓰임) - table : 표를 구성할때 > thead : 표의 상단을 표현할때 쓰이는 테그 > tbody : 표의 본문을 표현할때 쓰이는 테그 > tr : 행을 표현할때 쓰이는 테그이며, 하위에 th,td가 있다. > th : thead의 하위에 포함되며 열을 담당한다. > td : tbody의 하위에 포함되며.. 2022. 7. 31. 이전 1 다음
