본문 바로가기
반응형

전체 글1144

CSS3 - 반응형 웹 만들기 @media 규칙 @media media 환경에 따라서 상황에 따른 CSS를 적용할 수 있다. link 태그에 media 속성을 이용한다. 미디어 종류 all 모든 미디어 타입 aural 음성 합성 장치 braille 점자 표시 장치 handheld 손으로 들고 다니면서 볼 수 있는 작은 스크린에 대응하는 용도 print 인쇄 용도 projection 프로텍터 표현 용도 screen 컴퓨터 스크린을 위한 용도 tv 음성과 영상이 동시 출력되는 TV와 같은 장치 embossed 페이지에 인쇄된 점자 표지 장치 NOTICE Nye 의 IT 세상 2019. 07. 18 write by Nye media="screen" 로 선언된 content_pc.css 파일 내용 #wrap .content { background-color:.. IT/Web 2019. 7. 18.
1년이 365일인 이유와 윤년 2월29일 이 생긴 원인 1년 = 365일 지구는 1년에 한 번 태양 주위를 공전합니다. 지구가 태양 주위를 정확히 한바퀴 도는데 걸리는 시간은 정확히 365.2422 일입니다. 이것을 1태양년 혹은 1 회귀년이라 합니다. 1년을 단순 365일로 할 경우, 0.2422일 때문에 오차가 생기게 됩니다. 율리우스력 기원전 46년 율리우스 시저는 이집트력을 채택하여 평년을 365 일로 하고, 4년마다 366일이 되는 윤년을 두어 1년이 평균 ( 365+365+365+366 ) / 4 = 365.25일 이 되게 하였습니다. 이는 1년에 365.25 - 365.2422 = 0.0078일 이 길어져 400년에 계절이 3일 앞당겨지게 됩니다(0.0078 x 400 ≒ 3). 그레고리력 기원전 46년 1월 1일부터 사용되어온 율리우스력의 오차.. Life 2019. 7. 18.
CSS3 - 웹 폰트, 구글 폰트, font 적용 font 적용 기본 브라우저에서 제공하는 font 가 아닌 구글 폰트를 활용한 font 적용 방법 인터넷만 연결되어 있다면, 다양한 폰트를 웹사이트 방문자에게 제공할 수 있도록 고안된 폰트가 웹폰트 이다. 웹사이트를 방문하는 순간, 해당 폰트가 없다면 웹폰트를 다운 받아 웹사이트를 볼 수 있다. 구글 폰트는 무료로 제공된다. https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 해당 사이트 접속 후 마음에 드는 폰트를 확인하고 를 눌러 추가한다. 여러 개를 추가해도 된다. 추가하면 왼쪽 하단에 Families Selecte 가 생기는.. IT/Web 2019. 7. 16.
CSS3 - CSS 드롭다운 가로 메뉴 만들기 가로 메뉴 만들기 예시) 핵심적인 부분만 언급하겠습니다 CSS3에서 어디를 선택하고 어떤 것을 정의해야 하는지를 중점으로 확인해야 한다. ① li 태그 안에 ul 태그 선 ul li 태그로 메뉴들을 정의할 때 메뉴1 아래 서브메뉴가 존재한다면, 아래 사진과 같이 li 태그 안에 ul 태그를 선언하여 서브메뉴를 추가해야 한다. ② 가로 정렬 기본적으로 ul li 태그는 block 방식이라 가로 정렬을 위해 float: left; 선언을 해주어야 한다 가로 정렬은 메뉴1, 메뉴2, 메뉴3, 메뉴4, 메뉴5 가 정의 되어 있는 태그에 해줘야 한다 ③ display: none; 처리 서브메뉴들은 평소에는 보이면 안되니깐 display:none; 처리 한다 서브메뉴가 보이지 않아야 하기 때문에 태그에 해줘야 한다.. IT/Web 2019. 7. 16.
흰수염 고래, 대왕 고래 흰수염고래 흰긴수염고래 또는 대왕고래라고 한다. 역사상 존재했던 동물 가운데 가장 거대하고 무거운 동물이자 현존하는 동물이다. 평균적인 길이는 25~33m, 무게는 80~170t 에 달하는 덩치를 자랑하며 암컷이 수컷보다 약간 더 크다. 30t이 넘는 지방층이 피부를 덮고 있고 혀만도 3t이 넘어가며 눈은 농구공보다 크다. 심장에서 나오는 대동맥은 사람이 그 안에서 수영을 할 수 있을 정도이다. 소동맥에서는 소형의 애완견이 돌아다닐 수 있을 정도라고 한다. 위는 약 1t의 먹이를 저장할 수 있고 심장도 골프 카트 크기 정도라고 한다. 다만 목구멍은 자몽 정도 크기의 물체까지만 삼킬 수 있을 정도로 작은 편이다. 하지만 그렇다고 해도 식사 중엔 절대 가까이 가서는 안 되는데, 먹이를 먹을 때는 목구멍이 커.. 서프라이즈 2019. 7. 16.
반응형

티스토리툴바