본문 바로가기

전체 글129

Cascading 캐스케이딩의 뜻 - 1. 스타일 우선순위 Cascading 캐스케이딩의 뜻 - 1. 스타일 우선순위 CSS는 Cascading Style Sheet의 줄임말입니다. Style Sheet는 스타일을 지정해주는 종이(?) 또는 페이지 정도로 이해하면 됩니다. 그러면 Cascading이란 무엇일까요? Cascading이란 '위에서 아래로 흐르는', '상속 또는 종속하는'의 의미를 갖고 있습니다. 따라서 Cascading은 선택자에 적용된 많은 스타일 중에 어떤 스타일로 브라우저에 표현할지 결정해주는 원리를 의미하게 됩니다. 블라블라 위 설명이 분명 확 와닿지 않을 것입니다. 아래 예시를 통해 그 의미를 알아봅시다. 위와 같은 코드가 있다고 해봅시다. 그런데 만약 에서는 글자색을 빨간색으로 지정하고, 에서는 글자색을 파란색으로 지정하고, 에서는 글자색.. 2020. 12. 4.
부동산 전망 2021 | 부동산 폭락? 부동산 전망 2021 | 부동산 폭락? 요즘 하루가 다르게 집값이 오르고 있습니다. 내 월급은 거북이 걸음인데 부동산 가격은 토끼 걸음이 아니라 아주 비행기를 타고 가네요. 그래서 요즘 2030 세대들이 패닝 바잉에 나서고 있다고 하지요. 연일 뉴스에서 이러한 보도를 쏟아내니 더욱 불안감을 부추기는 것 같기도 합니다. 저도 요즘 30대 초반 미혼으로서 불안감을 많이 느끼고 있습니다. '이렇게 가만히 있다가 영원히 내 집을 못구하는 것은 아닐까?' 생각이 들어 여기 저기 기웃거리고 있습니다. 책도 빌려 읽고, 전문가들이 써놓은 분석 글도 읽어보고 있습니다. 그러던 중 우연히 'KBS 스페셜 욕망과 혼돈의 기록, 도쿄 1991 (2007作)'라는 다큐멘터리를 보게 되었습니다. 그렇게 잘 나가던 일본(부동산).. 2020. 12. 3.
CSS 목록 스타일: list-style-type list-style-image list-style-position list-style CSS 목록 스타일: list-style-type list-style-image list-style-position list-style li 태그를 사용하면, 텍스트 리스트(목록)를 만들 수 있습니다. 이런 리스트에도 스타일을 지정해 줄 수 있는데요. 오늘은 list-style-type, list-style-image, list-style-position, list-style을 사용해 리스트 스타일을 지정해줘보겠습니다. list-style-type(순서가 없는 목록의 스타일을 변경할 때) - ul 태그를 사용하면 순서가 없는 목록을 만들 수 있습니다. - 순서가 없는 목록은 텍스트 좌측에 불릿(bullet)이라고 부르는 기호(?)가 들어갑니다. - 이 불릿의 모양을 list-style-type 속성을 사.. 2020. 12. 2.
결혼 인사말 모음 / 결혼식 답례 인사말 결혼 인사말 모음 / 결혼식 답례 인사말 / 결혼식 끝나고 인사말 - 지난 0월 0일 저희 결혼식에 참석해주시고 축하해 주셔서 진심으로 감사드립니다. 고마운 마음 가슴 싶이 간직하면서 저희 두 사람 열심히 잘 살겠습니다. 다시 한 번 감사드립니다. 신랑 ㅇㅇㅇ, 신부 ㅇㅇㅇ 올림. - 지난 0월 0일, 바쁘신 와중에도 저희의 첫 출발을 축하해주셔서 감사합니다. 베풀어주신 사랑에 보답할 수 있도록 행복하게 잘 살겠습니다. 항상 건강하시고 행복하세요. 신랑 ㅇㅇㅇ, 신부 ㅇㅇㅇ 올림. - 저희 결혼식에 바쁘신 중에도 많은 축하와 후의를 베풀어주셔서 진심으로 감사를 드립니다. 변치 않는 사랑으로 서로 아끼며 존중하는 부부가 되겠습니다. 항상 건강하시고 가정의 행복과 기쁨이 함께 하시길 기원합니다. 신랑 ㅇㅇㅇ.. 2020. 12. 1.
CSS 문단 스타일: line-height text-overflow CSS 문단 스타일: line-height text-overflow 대부분 한글 오피스로 작업을 하며 줄간격을 조절해 본 적이 있을 것입니다. 줄이 너무 다닥다닥 붙어 있으면 가독성이 떨어지지요. 그래서 한글 오피스에서는 ??%로 되어 있는 줄간격을 조절해서 줄의 간격을 조절해줍니다. CSS를 활용해서도 줄간격을 조절해줄 수 있습니다. 오늘은 줄 간격을 조절해보고, 넘치는 텍스트를 어떻게 표시할지 정해보도록 하겠습니다. line-height - 줄간격을 조절하기 위해서는 line-height 속성을 사용합니다. 기본형을 아래와 같습니다. - 선택자 { line-height: 크기 or 숫자 or 백분율; } - 먼저 크기 값을 넣어 줄 간격을 지정해줄 수 있습니다. - 크기 값은 전에 배운대로 px, p.. 2020. 11. 30.
수능시험 준비물 일정 시간표 유의사항(2021) 수능 준비물 일정 시간표 유의사항 2020년 올해 수능은 코로나19로 인해 연기가 되었습니다. 코로나로 인해 많은 학생들이 공부하는데 더 많이 힘들었으리라 생각됩니다. 올해 수험생 여러분 모두 고생 많았습니다. 열심히 노력한 만큼 좋은 결과 얻으시길 바랍니다! 화이팅!! 수능 일정 1. 원서 교부, 접수 및 변경: 9월 3일(목) ~ 9월 18일(금) 2. 시험 실시: 12월 3일(목) *08:10까지 시험실로 입실 3. 문제 및 정답 이의신청: 12월 3일(목) ~ 12월 7일(월) 4. 정답 확정: 12월 14일(월) 5. 채점: 12월 4일(금) ~ 12월 23일(수) 6. 성적 통지: 12월 23일(수) 수능 당일 시간표 교시 영역 시험시간 문항수 참고사항 1 국어 08:40 ~ 10:00 (80.. 2020. 11. 29.
반응형