본문 바로가기
반응형

IT944

CSS3 - CSS position 속성 static, fixed, absolute, relative 정리 position 개요 객체를 위치시킬 때 사용하는 속성 상속되지 않음 사용법 position: absolute | fixed | static(default) | relative ■ absolute : 절대값; 해당 태그를 감싸는 상단 태그가 기준, 스크롤하면 움직임 ■ fixed : 화면상에 고정, 스크롤해도 움직이지 않음 ■ static : default ■ relative : 원래 내가 있어야 할 자리에서 이동 예제) 전체 코드 더보기 설명 전에 위 그림과 영상을 보고 생각해 보세요 (영상 파란색과 초록색이 바뀐 이유는... 색 조정을 다시하고 영상을 만들었기 때문입니다..) 그럼 간략히.. fixed 현재 화면을 기준으로 고정된 값입니다. 브라우저 왼쪽 상단 모서리가 기준입니다. 스크롤을 내려도 고.. IT/Web 2019. 7. 11.
CSS3 - CSS 글자 관련 속성 font, text 글자 속성 글꼴 및 폰트 사이즈 관련 속성 font-family: 글꼴 font-size: 크기 font-style: 스타일(italic / normal ... ) font-weight: bold 유무 Nye 우진아빠 IT 세상 Nye 우진아빠 IT 세상 Nye 우진아빠 IT 세상 Nye 우진아빠 IT 세상 font-family : 글꼴 선택 PC마다 글꼴 설치 유무가 다르기 때문에 ① 글꼴이 없으면 ②, ② 글꼴이 없으면 ③ // 이렇게 순차적으로 적용된다. font-style: italic | normal | oblique 스타일 적용 font-size: 크기 (em, px, %) font-weight: 굵기 line-height: 행 간격 or 세로 정렬(height 값과 동일하게 적용하면 세로 가.. IT/Web 2019. 7. 11.
CSS3 - CSS box-sizing, border, background-image 속성 box-sizing border를 안쪽으로 적용할 것이냐 바깥쪽으로 적용할 것이냐 (default는 바깥쪽) 안쪽 box-sizing: border-box; 바깥쪽 box-sizing: content-box; 200*200 200*200 200*200 border 속성 border의 스타일을 적용 border-width: 크기 border-style: 모양 border-color: 색 border-radius: 둥글게 둥글게 border-top / bottom / left / right : 방향 backgound-image background-size: 크기 backgound-repeat: 반복 backgound-attachment: 스크롤 여부 backgound-size:50% 설정 시 길이 기준으로 .. IT/Web 2019. 7. 11.
CSS3 - CSS margin padding 속성 margin 과 padding 속성 margin (여백) 사용법 margin: 위 오른쪽(생략가능) 아래(생략가능) 왼쪽(생략가능); 생략하면 해당 위치의 대칭된 곳의 값을 가져와 적용 (아래 생략 -> 위 값 적용, 왼쪽 생략 -> 오른쪽 값 적용) 하나만 적용되었다면 적용된 값을 모두 적용 ex1) margin: 10px 20px 30px 40px; 위 10px, 오른쪽 20px, 아래 30px, 왼쪽 40px 만큼 여백을 둔다 ex2) margin: 10px 20px 30px; 위: 10px 오른쪽: 20px 아래: 30px // 왼쪽: (값 생략) 오른쪽의 20px 를 가져와 적용한다 즉, 위 10px, 오른쪽 20px, 아래 30px, 왼쪽 20px ex3) margin: 0 auto; 위: 0.. IT/Web 2019. 7. 10.
뷰어 프로그램 오류, Error : 보호기능 수행중 오류 입니다. 뷰어 프로그램 오류 오류 문구 보호기능 수행중 오류 입니다. 수동설치 후 다시 이용해 보시기 바랍니다. 수동설치 후 동일한 현상이 계속 될 경우 고객지원센터로 문의 해 보시기 바랍니다. 공공사이트에서 문서를 열거나 출력을 할 때 사용하는 뷰어 프로그램 오류 현상입니다. 다른 블로그에선 재설치하는 방법 밖에 없어서 고생하였지만... 해당 현상은 다음과 같이 조치하려 해결 가능합니다. 1) 서비스 열기 작업표시줄 우클릭 후 작업 관리자 실행 -> 서비스 탭에서 하단 서비스 열기 선택 2) 서비스 항목 중에 "image SAFER 5.0 Service" 찾아서 더블클릭 3) 시작 유형을 "자동"으로 바꾸고 서비스 상태를 "시작" 버튼을 눌러 "적용" -> "확인" 처리 끝. 4) 다시 문서 열기 또는 출력물 .. IT/Software 2019. 7. 10.
반응형

티스토리툴바