반응형 웹프로그래밍/CSS14 [CSS] CSS Backgrounds 배경 꾸미는 법 CSS Backgrounds CSS 배경설정은 다음과 같은 특성들이 있다. ● background-color ● background-image ● background-repeat ● background-attachment ● background-position ● background(shorthand property) CSS background-color : 배경 색상 바꾸기 CSS 배경색상을 꾸미는 방법은 background-color를 사용해야한다. 배경색상 바꾸기 여긴 단락 여러 요소들에서 배경을 바꿀 수 있다. CSS 배경 예시 여기는 오직 div안 div내부 단락 여긴 단락 Opacity / Transparency opacity요소는 투명/불투명을 나타낸다. 0.0 ~ 1.0의 값을 가지며 값이.. 2023. 9. 10. [CSS] CSS 주석달기 CSS 주석달기 CSS 주석은 /* */이다. HTML 주석은 여긴 단락 2023. 9. 9. [CSS] CSS 추가하는 3가지 방법(External CSS, Internal CSS, Inline CSS) CSS 추가하는 방법 스타일시트를 넣는 3가지 방법 - External CSS - Internal CSS - Inline CSS External CSS External CSS의 경우 하나의 파일만 수정하여 전체의 웹사이트 스타일을 바꿀 수 있다는 장점이 있다. 각각의 HTML page에 external style sheet를 요소를 통해 reference해야한다. HTML 코드 CSS확장자 파일 가져오기 외부에서 css파일 가져오기 CSS 코드 body{ background-color: aqua; } h1{ color:red; } 결과 캐치패션 퀴즈를 풀면 현금처럼 사용 가능한 포인트 적립과 셀린느 선글라스 증정 이벤트에 응 deg.kr Internal CSS Internal 스타일 시트의 경우 CSS확.. 2023. 9. 9. [CSS] CSS Selectors CSS Selectors란? CSS Selector은 HTML 요소중 스타일을 바꿀 부분을 선택한다. CSS id Selector - id Selector는 고유한 id 특성을 가진 HTML 요소를 선택한다. - id 요소들은 페이지에서 고유하기 때문에 id Selector은 특정한 하나의 요소를 선택하게 된다. - 특정한 id를 선택하기위해서는 '#'을 사용해야한다. * 절대 id는 처음에 숫자가 올 수 없다. 예시코드 이것만 바뀐다 이건 안바뀜 결과 CSS Class Selector Class Selector 특정 클래스 속성을 가진 HTML 요소를 선택한다. - 특정 클래스가 있는 요소를 선택하기 위해서는 마침표(.) 문자를 쓰고 그 뒤에 클래스 이름을 입력한다. 이것은 제목입니다. 이것은 단락임 .. 2023. 9. 9. 이전 1 2 3 4 다음 728x90 반응형
