본문 바로가기

kosta/HTML,CSS,JavaScript,JQuery9

[html, css] 실습 intellij로 html파일 여러개 실행하는 법을 오늘에서야 습득해서....ㅋㅋ 걍 intellij 내장 서버 쓰면 되는 거였다... 마지막 실습만이라도 올려놔야 나중에 다시할 때 요긴하게 쓸 것 같다. @charset "UTF-8"; #wrapper{ background: url("../images/common/wrap_bg.jpg")no-repeat top center; } #header{ background: url("../images/common/bg_menubox.png")no-repeat top center; width: 940px; height: 105px; } #infoMenu{ text-align: right; margin:0px 70px 3px 0px; padding-top:5px; .. 2022. 3. 23.
[CSS] 기초 외부 스타일 시트 적용 를 사용하여 외부 스타일 시트를 적용 (head안에 작성 + rel, type, href 3가지 속성을 주로 사용) - rel : HTML페이지와 링크된 파일간의 관계를 의미 - href : CSS file 경로를 의미 내부 스타일 시트 적용 을 사용하여 내부 스타일 시트를 적용 (head안에 작성) 태그 내부에 CSS 규칙을 작성 외부 스타일 시트보다 우선 적용 인라인 스타일 적용 유지 보수에 용이하지 않음 - 스타일 적용 우선 순위 : 인라인 > 내부 > 외부 CSS Exam 인라인 스타일 적용 내부 스타일 시트 적용 외부 스타일 시트 적용 h4{ font-family:돋움, serif; font-size:25px; background:#660066; font-weight:bo.. 2022. 3. 23.
[HTML] 기초 Web - HTML : 문서의 구조, 내용 - CSS : 문서의 스타일 (레이아웃) - JavaScript : 웹의 기능적인 역할 -> 라이브러리 : JQuery -> 프레임워크 : Angular, React, Vue.js CSS 규칙 - property는 selector에서 바꾸고 싶은 요소 (color, font, width, height, border...) - value는 property에 적용할 값 - 선택자 그룹화 : 여러 선택자에 동일한 스타일을 적용할 때, comma(,)로 구분하여 나열 - 선언 안에 여러개의 property를 작성할 수 있으며, 이를 semi-colon(j)으로 구분 스타일 적용방법 외부 스타일 시트, 내부 스타일 시트, 인라인 스타일 3가지로 분류 외부 스타일 시트 -.. 2022. 3. 22.