본문 바로가기

웹프로그래밍/웹프로그래밍수업35

(19)명품 웹프로그래밍 4장_CSS_2 # 범위 :CSS 스타일 시트의 의 정의CSS 스타일 시트의 4가지 종류 스타일 시트스타일 합치기(Cascading) , 오버라이딩 연습# 노트정리 :CSS 스타일 시트의 의 정의CSS 스타일 시트의 4가지 종류 스타일 시트스타일 합치기(Cascading) , 오버라이딩 연습 ○ 요약 :1_ 부모 태그 상속 태그 :정의 : 한 태그를 둘러싼 다른 태그 상황일 때,둘러싸인 태그 => 자식 태그둘러싼 태그 => 부모 태그2_ CSS 스타일 시트 종류 (4가지)브라우저 스타일 시트 // 디폴트 style 값외부 CSS 내 스타일 시트특정 태그 내 style속성값3_ 스타일 합치기(cascading) & 스타일 오버라이딩스타일 합치기 정의 : 여러 종류(4가지)의 스타일 시트가 특정 태그의 속성을 속성값을 .. 2024. 9. 28.
(18)명품 웹프로그래밍 4장_CSS_1 # 범위 :을 CSS 꾸미는 기본 속성 : border 단축 프로퍼티 : border-width border-style border-color ;CSS 스타일 시트 기본 구성 : 셀렉터 : { 프로퍼터 : (속성)값 ; .... 프로퍼터 : (속성)값 ;(생략가능) } 태그 규칙특정 태그의 style속성을 이용해 CSS 적용해보기외부 CSS 파일에서 Html문서 적용하는 방법 2가지 :방법1_태그 이용방법2_ @iimport url("CSS파일명") ; 이용# 노트정리 :을 CSS 꾸미는 기본 속성 : border 단축 프로퍼티 : border-width border-style border-color ;CSS 스타일 시트 기본 구성 : 셀렉터 : { 프로퍼터 : (속성)값 ; .... 프로퍼터 : (속성.. 2024. 9. 28.
(17)명품 웹프로그래밍 3장_Open Challenge문제 #이전 2장_Open Challenge문제 이어서 작업 ○ 이전 코드 :123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172!DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    title>컴퓨터 기술 소개/title>/head>body>    header>    h1>스마트폰/h1>    p>        스마트폰은 컴퓨터를 결합한 무선 휴대전화기기이다. PC에서 실행되는 운영체제보다 적게 만든 모바일 운영체제를 탑재하며 인터넷 검색, 전자우편, 간단한 문서 .. 2024. 9. 23.
(16)명품 웹프로그래밍 3장 실습문제 [문제1] :#알아야 할 개념 : X#코드 :123456789101112131415161718192021222324252627282930!DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    title>3장_실습문제_1/title>/head>body>    h3>버튼을 만들자/h3>    hr>    form>    table>        tr>            td>input type="button" value="1">/td>            td>input type="button" value="2">/td>            td>input type="button" value="3">/td>        /tr>        tr> .. 2024. 9. 23.