분류 전체보기46 [CSS 기초] 박스 모델 (box model) , box-sizing 안녕하세요 PNcoding입니다 :) 여백 속성인 마진과 패딩을 배우기 전에 먼저 css의 박스모델에 대하여 먼저 짚고 넘어가도록 하겠습니다. 박스모델을 배우기 전 태그의 요소에 대하여 알고 오면 더 이해하시기 쉬울 거예요. https://pncoding.tistory.com/23 [CSS 기초] 블럭(블록) 및 인라인 요소 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 css의 block(블럭) , inline(인라인) 모델에 대하여 알아보도록 하겠습니다. 이러한 block(블럭) , inline(인라인) 모델을 이해한다는 것은 css를 사용하여 pncoding.tistory.com 박스 모델 (box model) 먼저 모든 html 요소는 box(박스) 모양으로 구성됩니다. 이것을 박스 모델.. 2023. 11. 7. [CSS 기초] 블럭(블록) 및 인라인 요소 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 css의 block(블럭) , inline(인라인) 모델에 대하여 알아보도록 하겠습니다. 이러한 block(블럭) , inline(인라인) 모델을 이해한다는 것은 css를 사용하여 레이아웃을 구성하거나 콘텐츠들을 정렬하기가 쉬워진다는 의미라 할 수 있습니다. 1. 블럭 요소 (block element) 1-1. 태그의 가로 크기는 브라우저의 좌우 공간을 가득 채우며 존재 .box { height: 100px; background-color: lightblue; } 앞의 코드를 작성하시면 가로크기를 지정하지 않았음에도 불구하고 브라우저 가득 가로크기가 채워지는 것을 확인할 수 있습니다. (세로크기가 없으면 브라우저에 박스의 크기가 표현되지 않으니 세로.. 2023. 11. 6. [웹디자인기능사 실기] B-3 세계의 미술작품 jQuery 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 B-3 타입인 세계의 미술작품 jQuery 구현을 해보도록 하겠습니다 :) HTML , CSS 코드가 궁금하신 분은 여기를 참고하시면 되겠습니다. https://pncoding.tistory.com/21 [웹디자인기능사 실기] B-3 세계의 미술작품 HTML, CSS 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 B-3 타입인 세계의 미술작품 html, css 구현을 해보도록 하겠습니다. :) 항상 문제를 풀기 전, 받은 시험지 내용을 꼼꼼하게 읽고 (하지만 10분은 넘지 pncoding.tistory.com 이전 포스팅에서 만들어 둔 HTML, CSS 코드에 jQuery 연결을 먼저 진행해 주도록 하겠습니다. jQuery도 동일하게 외부로.. 2023. 11. 5. [웹디자인기능사 실기] B-3 세계의 미술작품 HTML, CSS 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 B-3 타입인 세계의 미술작품 html, css 구현을 해보도록 하겠습니다. :) 항상 문제를 풀기 전, 받은 시험지 내용을 꼼꼼하게 읽고 (하지만 10분은 넘지 않도록!!) 체크한 다음 진행하도록 합시다 :) 실격요인도 항상 체크를 해야겠죠? https://pncoding.tistory.com/16 [웹디자인기능사 실기] 유의사항 및 실격요인 웹디자인기능사 실기를 치실 때 반드시 체크해야 할 사항들이 몇 가지가 있습니다. 반드시 체크하신 다음 시험준비를 하도록 합시다~! 전체적인 중요 체크포인트 주어진 자료(수험자 제공파일) pncoding.tistory.com 공개문제를 받지 못하신 분들은 여기에서 받아주시면 되겠습니다. https://pncod.. 2023. 11. 5. [웹디자인기능사 실기] A-2 그린복지재단 jQuery 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 A-2 타입인 그린 복지재단 jQuery 구현을 해보도록 하겠습니다 :) HTML , CSS 코드가 궁금하신 분은 여기를 참고하시면 되겠습니다. https://pncoding.tistory.com/19 [웹디자인기능사 실기] A-2 그린복지재단 HTML, CSS 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 A-2 타입인 그린 복지재단 html, css 구현을 해보도록 하겠습니다. :) 공개문제를 받지 못하신 분들은 여기에서 받아주시면 되겠습니다. https://pncoding. pncoding.tistory.com 이전 포스팅에서 만들어 둔 HTML, CSS 코드에 jQuery 연결을 먼저 진행해 주도록 하겠습니다. jQuery도 동일하게.. 2023. 11. 4. [웹디자인기능사 실기] A-2 그린복지재단 HTML, CSS 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 A-2 타입인 그린 복지재단 html, css 구현을 해보도록 하겠습니다. :) 공개문제를 받지 못하신 분들은 여기에서 받아주시면 되겠습니다. https://pncoding.tistory.com/15 [웹디자인기능사 실기] 공개문제 다운로드 안녕하세요 PNcoding입니다 :) 오늘은 웹디자인기능사 실기 시험에 대하여 알려드리도록 하겠습니다. 실기 시험 일정 반드시 필기를 합격하신 다음 실기시험을 치실 수 있습니다. 시험 신청은 큐 pncoding.tistory.com 항상 문제를 풀기 전엔 문제 전체를 한번 슥 읽고, 체크할 것을 체크한 다음에 작업을 시작하시는 것을 추천드립니다. 마음이 급해서, 주변사람들이 타자를 치기 시작해서, 긴장해서 등등등.. 2023. 11. 4. 이전 1 2 3 4 5 6 7 8 다음 반응형
