IT/HTML&CSS37

• 

  [비즈니스] 아웃룩 자주쓰는 메일 서식 저장하기 회사에서 일을 하다보면, 똑같은 내용으로 고객명만 바뀌어 메일을 발송해야 하는 경우가 있다. 이럴 때 편하게 사용할 수 있는 아웃룩 메일 서식 저장 방법을 소개한다. 1. 홈 >> 새 빠른단계 >> 새전자메일을 클릭한다. 2. 팝업이 뜨면 이름을 지정하고, 옵션을 클릭한다. 3. 빠른 단계 편집의 팝업창이 뜨면 옵션 표시를 클릭하여 탭을 확장한다. 4. 받는 사람 메일 주소를 입력할 수 있고(우선 테스트 메일로는 현재 비워둔 것으로 저장했다.) 메일 제목과 내용(텍스트)를 입력한다. (* 기존에 아웃룩의 서명을 설정했다면, 서명은 텍스트 아랫부분에 자동으로 위치한다.) 5. 아래 바로가기 키를 설정할 수도 있고, 도구 설명을 하는 텍스트를 넣을 수도 있다. 6. 아래와 같이 지금까지 만들어둔 메일 서식이.. IT/HTML&CSS 2021. 12. 7.

• 

  [CSS] html+css 활용 예제 풀기(2021-10-26) Home>우정복지증진>복지포털사이트 맞춤형 복지제도로 일방적으로 제공되는 기존 복지 서비스와는 달리 우정사업본부 복지포탈 사이트를 통해 우정종사자들의 선호와 필요성에 따라 개별적으로 자신에게 적합한 혜택을 선택하여 복지접수를 사용하는 제도에 초점을 맞춰맞춤형복지,복지플라자, 수련원예액,커뮤니티 활동, 복지정보 등 다양하고 알찬메뉴를 종합적이고 체계적으로 제공하고 있습니다.앞으로도 지속적으로 우정종사라 여러분들의 보다 풍요로운 삶의 질적 향상과 건전한 여가활동 증진을 위한 구심점 역할을 충실히 수행하도록 하겠습니다. 분야 내용 맞춤형복지 나의 복지점수, 사용내역조회 서비스 및 사용법, 복지카드에 대한 다양한 정보를 제공합니다. 복지플라자 우정종사자들을 위한 각종 제휴서비스를 한눈에 확인하실 수 있습니다. .. IT/HTML&CSS 2021. 11. 25.

• 

  [CSS] box-sizing / 가상태그 After, Before / 순서선택자(2021-10-21) box-sizing 태그의 규격을 정하는 기준 기본값은 content-box로 설정 되어있다. A-box B-box 가상태그 After/Before 선택된 태그의 첫번째 혹은 마지막 자식 태그를 css 문법을 통해 만들 수 있는 방법(css문법) list1 list2 list3 list4 순서선택자 형제 태그의 순서를 사용하여 선택자로 지정할 수 있다. *{margin: 0;padding: 0;} .abox{ width: 400px; /*기본값 : width는 테두리(border)를 뺀 콘텐츠 박스 너비를 의미한다!*/ height: 150px;/*기본값 : height는 테두리(border)를 뺀 콘텐츠 박스 높이를 의미한다!*/ border: 20px solid black; padding:10px; .. IT/HTML&CSS 2021. 11. 25.

• 

  [CSS] overflow/box-shadow/text-shadow/border-radius/opacity(2021-10-19) overflow 속성의 적용 결과(규격이 정해진 경우에 한해서) 콘텐츠의 내용이 박스의 크기를 넘어가는 경우 박스의 크기 만큼만 보이고 나머지 콘텐츠는 보이지 않도록 숨길 수 있다. 박스의 크기와 콘텐츠의 내용과 상관없이 박스에 스크롤바를 생성할 때는 overflow:scroll을 선언하면 된다. 이때 만약 박스의 크기가 콘텐츠보다 클 경우 스크롤 바는 비활성화 되어 나타난다. 콘텐츠의 내용이 박스의 크기보다 많아서 박스에 자동으로 스크롤 바가 생성되도록 할 경우에 선언한다. 콘텐츠의 내용이 박스의 크기를 넘어가는 경우 박스의 크기를 무시하고 콘텐츠의 내용을 모두 보여지도록 할 때 선언, 블록요소의 기본값이기도 하다. Lorem ipsum dolor sit amet, consectetur adipisic.. IT/HTML&CSS 2021. 11. 24.

• 

  [CSS] 박스모델 예제_Box model 공부(2021-10-12) box-model 모든 태그는 브라우저마다 조금씩 다르지만 기본적으로 마진과 패딩이 설정되어있다. margin 테두리 기준 바깥쪽 여백 padding 테두리 기준 안쪽 여백 list1 list2 list3 /* 스타일 초기화 = reset style */ *{margin:0;padding:0;} /* *은 '모든 태그'라는 뜻 */ /* h1{border:1px solid red;margin:0;padding:0;} h2{border:1px solid red;margin:0;padding:0;} p{border:1px solid red;margin:0;padding:0;} ul{border:1px solid blue;margin:0;padding:0;} /* ul 자체 padding left가 적용되어 .. IT/HTML&CSS 2021. 11. 24.

• 

  [CSS] 박스모델 3요소(선, 바깥여백, 안여백)_border, margin, padding_별5개(2021-10-08) 박스모델3요소 모든 태그는 박스모델 3요소를 가지고 있다. 테두리-border 테두리 기준 바깥여백 - margin 테두리 기준 안쪽여백 - padding Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore e.. IT/HTML&CSS 2021. 11. 24.

• 

  [CSS] Background_배경 스타일 넣기(2021-10-07) Background 백그라운드 속성은 해당하는 태그의 영역에 이미지 또는 색상을 입력할 수 있는 css 속성 백그라운드로 적용한 이미지 또는 색상은 컨텐츠가 아니기 때문에 자리를 차지하지 않는다. .box{ /* 블록레벨요소는 포함하는 컨텐츠에 따라 높이가 자동으로 조정됩니다. 블록레벨요소는 가로/세로 사이즈를 자유롭게 조절할 수 있습니다. 배경이미지는 컨텐츠가 아니기 떄문에 자리를 차지하지 않는다. so, 이미지가 전체적으로 안나오고, 반복되며 다른 컨텐츠를 밀어내거나 영역을 늘리지 않는다. = 순전히 장식용으로 사용! */ width:800px; height:800px; /* height의 기본값은 auto >> 들어가는 컨텐츠에 따라 자동 조절됨 */ background-color:#a5f3f1;/.. IT/HTML&CSS 2021. 11. 18.

• 

  [CSS] 웹폰트, inline vs block(2021-10-05) /* IM 혜민체 Bold */ @font-face { font-family: 'IM_Hyemin-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff'); font-weight: normal; font-style: normal; } /* 빙그레 싸만코체 */ @font-face { font-family: 'BinggraeSamanco-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/BinggraeSamanco-Bold.woff') format('woff'); fo.. IT/HTML&CSS 2021. 11. 18.

• 

  [CSS] 스타일 상속 및 Font 관련 CSS 속성(2021-09-28) title Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in .. IT/HTML&CSS 2021. 11. 18.

• [HTML] CSS 기초 - 블록라벨/인라인구조, 스타일 상속, CSS 파일 분리방법(2021-09-23) title text text text TITLE Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat n.. IT/HTML&CSS 2021. 11. 17.