본문 바로가기

전체 글234

(24)명품 웹프로그래밍_4장_Open_Challenge #이전 2장_Open Challenge문제 이어서 작업 ○ 이전 코드 :● [Main.html] :123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778!DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    title>컴퓨터 기술 소개/title>/head>body>    header>    h1>스마트폰/h1>    p>        스마트폰은 컴퓨터를 결합한 무선 휴대전화기기이다. PC에서 실행되는 운영체제보다 적게 만든 모바일 운영체제를.. 2024. 10. 5.
(23)명품 웹프로그래밍 4장 실습문제(작성중) [문제1] :#알아야 할 개념 : X #코드 :12345678910111213141516171819202122232425262728293031323334!DOCTYPE html>html lang="en"> head>  meta charset="UTF-8">  title>태그 셀렉터 만들기/title>  style>    body{      background-color: linen;    }    h3{      color : blue;      text-align: right;    }    p{      color : purple;    }    span{      background-color: skyblue;    }  /style>/head> body>  h3>소연재/h3>  hr>  p>   .. 2024. 10. 4.
(23)명품 웹프로그래밍 4장_CSS_6 # 범위 :border 테두리 둥글게 속성 border 테두리 이미지 입히기 속성배경에 이미지 입히기 속성Text 그림자 효과와 알아두면 좋은 효과set종류 3가지박스 그림자 효과마우스 커서 효과# 노트정리 :border 테두리 둥글게 속성 :border 테두리 이미지 입히기 속성 :배경에 이미지 입히기 속성 :Text 그림자 효과와 알아두면 좋은 효과set종류 3가지 :박스 그림자 효과 :마우스 커서 효과 :○ 요약 :● Border 테두리 둥글게 하는 효과 속성 :1_ 속성 : border-radius 2_ 속성값 대입 방법 2가지 :방법1_ border - radius : 10px (left-top부터 시계방향으로 10px 균등하게 효과)방법2_ border - radius : 10px 20px 3.. 2024. 10. 4.
(22)명품 웹프로그래밍 4장_CSS_5 # 범위 :박스모델의 정의와 구성박스모델 구성의 틀과 색깔칠 속성박스모델 구성의 크기, 위치조정 속성_컨텐츠박스모델 구성의 크기, 위치조정 속성_paddingborder의  단축 프로포터  # 노트정리 :박스 모델의 정의와 구성 :박스모델 구성의 틀과 색깔칠 속성 :박스모델 구성의 크기, 위치조정 속성_컨텐츠 :박스모델 구성의 크기, 위치조정 속성_padding :박스모델 구성의 크기, 위치조정 속성_margin :border의 단축 피라미터 :○ 요약 :● 박스모델의 정의와 구성1_정의 : 모든 태그에는 박스모델로 되어있다는 뜻2_ 구성(4가지) : 컨텐츠, padding, border, margin ● 박스 모델의 틀과 색깔적용 속성컨텐츠 : X //과 같은 걸로 적용해서, background-col.. 2024. 10. 3.

티스토리툴바