728x90 반응형 전체 글224 [CSS] 4. 박스모델과 여백 상쇄 박스모델 박스 모델은 아래 그림과 같이 총 4구역으로 구분 된다. content 영역은 텍스트나 하위 박스 모델 등을 나타내고, padding은 border의 안쪽 여백, margin은 border의 바깥 여백을 나타내는 영역이다. border은 일반적인 테두리(선)을 나타내는 영역이라 보면 된다. 박스 모델을 이해하기 위해서는 필수적으로 알아야 할 css프로퍼티가 있다. 이를 box-sizing 이라 하는데, 이는 요소의 너비와 높이를 계산하는 방식을 지정한다. box-sizing의 지정 가능한 값에는 content-box와 border-dox가 있는데, 이를 각각 설명하면 다음과 같다. * content-box content 영역만을 기준으로 계산하여, 해당 요소의 width(넓이)를 100px 값으.. 2022. 7. 23. [CSS] 3. 선택자 필요한 내용은 지속 추가 예정 선택자는 어느 요소에 스타일을 적용할지 대상을 뜻하는 패턴을 의미한다. 1. 전체선택자 " * " *(와일드 카드)를 이용하여 스타일을 지정하게 되면, 페이지에 해당하는 모든 요소가 영향을 받게 된다. 이는 브라우저 마다 서로 다른 기본 스타일을 가지는 reset.css 나 normalize.css 에서 동일한 스타일로 통일하기 위해 사용하는 방법이다. 2. 타입 선택자 HTML 에서 사용되는 요소를 선택자로 사용하는 것이다. 타입 선택자를 사용하면 선택자로 사용한 모든 요소가 영향을 받게 된다. 즉, 요소 이름을 있는 그대로 선택자가 들어가야 하는 위치에 작성한다. 3. id 선택자 "하나의 요소(단일 요소)에만 지정하고 싶을 때 사용하는 선택자" id 속성에 지정한 값을.. 2022. 7. 21. [CSS] 2. 상속(inherit) 상속 "부모요소의 스타일이 자식요소에게도 전달되어 각각 적용 되는 것" 상속은 간단하게 말해서 부모요소의 적용 스타일이 자식요소에게도 전달되어 각각 적용되는 것이다. 1) 상속되는 프로퍼티 스타일을 작성하여 적용하다 보면 직접 부여하지 않은 스타일이 적용될 때가 있다. 이는 모두 상속에 의해 발생한다. css의 프로퍼티 중에는 상위 요소(부모나 조상)에서 적용되었으나, 자식 요소까지 적용되는 즉, 상속되는 프로퍼티들도 있다. 대표적으로 font와 관련한 프로퍼티나 색상 및 정렬 유형의 프로퍼티들이 있다. 2) 상속되지 않는 프로퍼티 반대로 width, height, margin, display, border 처럼 상속이 안 되는 프로퍼티도 존재한다. 만일 상속이 되었다면 border의 경우 나는부모와 나.. 2022. 7. 19. [CSS] 1. css 기본작성 방법 css는 Cascading Style Sheets의 약자이다. 이는 문서를 표시하는 방법으로 스타일이나 레이아웃을 지정하는 용도로 활용한다. 즉, css를 통해서 사이트의 레이아웃을 만들고, 텍스트의 색상을 변경하며 애니메이션을 적용함으로써 시각적으로 아름답게 웹 페이지를 표현한다. CSS의 기본 작성법 css는 비교적 간단한 스타일 적용방법을 사용한다. 쉽게 말해 A를 B로 C 하겠다는 것을 모든 적용의 기본 문법으로 활용한다. 아래의 예를 대입하여 설명하면, 'h1 태그 내 모든 내용의 폰트 크기를 14px로 설정해줘'라는 의미로 보면 된다. 1) 하나의 태그 요소 안에 여러 개의 프로퍼티(효과)를 적용하고 싶다면? 만일 하나의 태그 요소에 여러 개의 프로퍼티를 부여하고 싶다면 중갈호{ } 안에 여러.. 2022. 7. 19. [HTML] HTML 기본 골격 만들기 및 이해 참고할 내용은 필요에 따라 더 추가할 예정인 게시글 입니다. 1. DOCTYPE "문서타입을 지정" : 문서타입을 지정하는 것이다. 만일 과 같이 지정하면 HTML5로 작성된 문서임을 나타낸다. : 보통 IE9 이전 버전의 브라우저를 제외하고는 이를 명시하지 않아도 HTML5로 인식하지만 혹시 모를 문제를 예방하고 일관된 렌더링을 위해서는 문서타입을 명시하는 것이 중요하다. 그래서 일반적으로 문서타입 지정이 처음 문단에 입력된다. 2. 태그는 문서의 루트 지점을 명시하는 태그다. 이 태그를 작성할 때 lang 속성을 해당 서비스 국가에 맞게 넣는 것이 중요하다. lang 속성 지정을 통해 이 문서의 언어가 스크린 리더 등의 장치에서 일관되게 판단되도록 해야 한다. 이러한 점에서 다국어를 지원하는 서비스가.. 2022. 7. 19. [노인복지] 14. 종교기관에서의 노인교육과 죽음에 대한 교육 종교기관에서의 노인교육 (1) 노인의 삶의 질 향상과 종교 활동 참여 - 종교와 삶의 질에 대한 연구는 최근에 이르러 급증하였으나 이미 1900년대 초부터 시작 되었다고 볼 수 있다. - 노인들의 종교 활동이 죽음에 대한 태도를 포함한 노후생활에 미치는 영향에 대한 연구 결과들에 의하면 종교 활동을 하고 있는 노인들이 그렇지 않은 노인들보다 죽음을 보다 더 긍정적으로 받아들이는 등 노후생활을 더 잘하고 있음이 규명되었다. (2) 종교가 노인들의 삶의 만족도에 어떠한 영향을 미치는가에 관련된 서구에서의 연구 결과와 국내에서의 연구결과를 종합해 볼 때, 다음과 같은 몇 가지 사실을 발견할 수 있다. (김미숙. 발민정, 2000) - 종교 활동을 하게 되면 인간관계망이 형성되어 노년기에 오기 쉬운 무소속감, .. 2022. 6. 23. [노인복지] 13. 성공적인 노화와 여가 나이를 먹는 다는 것은 젊은 시기 못지않게 많은 기회를 제공해 준다. 그것은 다른 모습으로 나타나지만 저녁의 황혼이 사라져 가면 하늘은 낮에는 볼 수 없었던 아름다운 별들로 가득 차기 때문이다. 1. 성공적 노화의 개념 (1) 성공적 노화 - 성공적 노화라는 용어는 1986년 미국노년학회에서 처음 제시된 이후 생물학, 사회과학, 의학 등의 다양한 학문 분야에서 사용되는 개념으로 정착하였다. - 성공적 노화란 말 그대로 노화과정에 성공적으로 적응하는 것을 말하며 기존의 부정적이고 의존적인 존재로서의 노화 관련 인식에 비하여 긍정적인 측면을 강조하는 개념이다. - 기존의 노인상이 질병과 장애를 가지고 있고 경제적으로 무기력하며 사회적으로도 역할을 상실한 모습이었다면 성공적 노화에서는 사회보장제도 등의 성숙으.. 2022. 6. 23. [장기요양기관 회계] 1. 예산편성과 세출예산과목의 구분(1) 1. 예산편성 - 예산을 편성할 경우 장기요양기관 회계의 예산은 장기요양기관 재무회계규칙 [별표1] “장기요양기관 세입예산과목”, [별표2] “장기요양기관 세출예산과목”구분에 따라 편성하여야 한다. (규칙 제4조 ②) - 재무회계규칙에는 관/항/목으로 구성되어 있으나 사회복지시설정보시스템에서는 “세목”까지 생성하여야 사용이 가능하며, “세목”은 “목”의 사용목적 범주 내에서 기관의형편에 따라 구분 생성하여 사용할 수 있다. ☞ 수입/지출결의서를 구분해서 작성해야 하는 조건 수입/지출일자가 다른 경우 구분해서 작성하여야 한다. (“목”이 같아도 날짜가 다르면 구분해야 한다) -> 같은 품목이라도 수입 및 지출의 날짜가 다르면 구분해서 작성 수입/지출 “목” 이 다른 경우 구분해서 작성하여야 한다. (날짜가.. 2022. 5. 31. [노인복지정책의 근간] 노인을 위한 UN의 원칙 등장 배경 노인도 한 사람의 인간으로서 국민의 기본적 인권인 행복추구권을 가지며 인간으로서의 존엄성을 유지하기 위해 기본적인 의식주뿐만 아니라 적절한 보호와 의료적인 조치 및 소득에 대한 보장 등 노인의 기본적 인권이 침해받지 않도록 보장하는 제도적 장치가 마련되어져야 한다. 이에 전 세계적으로 인구의 고령화가 급속히 진행되고, 노인의 인권보장의 차원에서 UN을 중심으로 모든 사회 구성원이 만족스러운 삶을 영위할 수 있는 환경을 만들기 위한 활동이 추진되고 있다. UN은 1982년〈비엔나 회의〉를 개최하여 노인에 관한 최초의 국제문서라 할〈고령화에 관한 비엔나 행동계획〉을 채택하였고, 이후 점차 사회문제화 되는 노인문제에 대한 관심으로 UN총회에서 노인복지정책의 근간이 되는 권장사항들을 제시하였다. 노인.. 2022. 5. 19. 이전 1 2 3 4 ··· 25 다음 728x90 반응형
