공부하고 또 공부하는

[개요] CSS 선택자에서도 AND 나 OR 과 같은 선택자를 비슷하게 사용할 수 있습니다. 태그이름#아이디 { 속성1:속성값; 속성2:속성값; } 태그이름.클래스명 { 속성1:속성값; 속성2:속성값; } .클래스명#아이디 { 속성1:속성값; 속성2:속성값; } 선택자 사이에 공백이 제거되는 경우 여러 선택자를 동시에 만족하는 태그에 스타일을 적용할 수 있습니다.(AND 연산) #아이디, .클래스명{ 속성1:속성값; 속성2:속성값; } 태그이름, .클래스명{ 속성1:속성값; 속성2:속성값; } 쉼표(,)를 통해 두 선택자 중 하나라도 만족시 적용되는 조건을 만들 수도 있습니다.(OR 연산) [사용법] div#m_box{ width:500px; height:150px; } div.box{ backgroun..

[개요] 태그 이름 사이에 공백을 넣은 선택자는 부모 태그 하위에 있는 태그에 스타일을 적용 시킵니다. 선택자1 선택자2 { 속성1:속성값; 속성2:속성값; } div span{...} 처럼 태그 이름 뿐만 아니라 #main_content .box{...} 처럼 아이디와 클랙스를 사용할 수도 있습니다. [사용법] div span{ text-align:center; padding:10px; } div.yellow_box span { background-color:yellow; } div#c_box span { text-align:center; padding:10px; } div span .blue_span {background-color:blue; } div span #c_span { text-align:..

[개요] 태그에서 설정한 id나 class 속성에 따라 스타일을 지정합니다. id에 줄 경우 아래처럼 #을 맨 앞에 붙여 사용하며, 원칙적으로 하나의 객체에만 적용할 수 있습니다. #아이디{ 속성1:속성값; 속성2:속성값; } class에 줄 경우 아래처럼 . 을 맨 앞에 붙여 사용하며, 여러 객체에 적용할 수 있습니다. .클래스명{ 속성1:속성값; 속성2:속성값 } [사용법] #m_box{ width:500px; height:300px; } .box{ background-color:blue; } [예제] [결과]

[개요] 아래 처럼 사용하며 태그 전부에 스타일을 적용시킵니다. 태그이름 { 속성1: 속성값1; 속성2: 속성값2; } [사용법] span { color:#F00; } div { color:#0F0; } [예제] h5태그 h6태그 [결과]

CSS는 어떤 태그들에게 스타일 효과를 주는 언어입니다. 어떤태그에 적용하는지를 정의하는 문법이 필요하게 되는데, 이때의 문법을 선택자라고 합니다. 선택자 { 속성1: 값1; 속성2: 값2; } CSS는 위 예시처럼 선택자를 먼저 쓰고 중괄호 {} 안에 속성과 값을 적는 방식으로 이루어져 있습니다. CSS의 선택자는 다음 3개로 이루어져 있습니다. 태그 선택자 id 선택자 class 선택자 [태그선택자 예시] 태그이름 { 속성1: 속성값1; 속성2: 속성값2; } [id 선택자 예시] #아이디{ 속성1:속성값; 속성2:속성값; } [class 선택자 예시] .클래스명{ 속성1:속성값; 속성2:속성값 } 이 3개의 선택자를 조합하는 방식으로 원하는 태그에 원하는 스타일을 적용시킬 수 있습니다.

[개요] Cascading Style Sheets의 약자 HTML을 웹사이트에서 화면에 표시되는 정보를 약속한 것. css는 구체적으로 어떤 스타일로 요소가 표시되는지를 정하는 규격이라고 할 수 있습니다. 초기의 웹은 HTML 하나로 문서의 뼈대로 만들고 꾸미기도 하였지만, 공통적인 디자인을 갖는 문서가 여럿 존재 할 경우 하나의 디자인이 변경되면 모든 파일을 수정해야 하는 등의 번거로움이 존재합니다. css는 이런 문제를 해결함과 동시 웹페이지의 내용과 스타일(표현)을 분리해주어, 역할 분담도 되는 효과를 가지고 있습니다. [사용법] CSS 내부적으로 사용되는 문법은 동일하며, 어디에 기술하느냐의 차이가 존재합니다. 기술하는 방법은 아래의 3가지가 있습니다. 1. HTML 태그의 style 속성을 이용..

엑셀을 사용하다가 뜬금없이 나타나는 에러 메세지 닫기를 누르면 alert과 엑셀 모두 닫힌다. 지금 복구를 누르면 아래처럼 나온다. 빠른복구를 선택한 다음에 복구를 눌러보았다. 이렇게 나오면서 복구가 진행되는데, 한 10분정도 걸린 것 같다. 해결이 되지 않았음. 이번에는 엑셀을 다시 실행 후 온라인 복구를 실행해 보았다. 이번에는 빠른복구보다 시간이 더 소요된 듯 하다. 약 20분정도 지난 후 역시 동일하게 해결할 수 없다는 답변이 나왔다. 재설치밖에 답이 없다는 생각이 들어 재설치를 하려던 찰나에, 검색을 통하여 알게 된 방법 한가지!! 작업관리자를 실행하여 위에 표시된 프로세스를 종료시킨다. 종료가 완료된 후에 엑셀 파일을 실행해 보면 이제 정상적으로 되는 것을 알 수 있다.

[개요] HTML 파일을 작성했는데, 한글이 깨져서 보이는 현상이 나타날 수 있습니다. 이는 파일의 인코딩 방식과 웹브라우저가 사용하는 인코딩 방식이 서로 달라서 나타나는 문제로 하나의 인코딩 방식으로 통일해 주어야 합니다. [인코딩 방식] 현재 가장 많이 사용되는 인코딩 방식으로는 크게 euc-kr과 UTF-8 방식이 있습니다. euc-kr은 원래 영어만을 고려한 1byte 길이의 ASCII 라는 인코딩 방식을 확장하여 한글을 사용할 수 있도록 만든 2byte 길이의 국가 언어 코드입니다. 국가 언어코드, 즉 우리나라에서만 쓸 수 있도록 만든 코드이며 세계 어디에서나 공통으로 사용되는 인코딩 방식이 아니기 때문에, 다른 언어를 사용하는 환경(외국 등)에서는 한글 페이지를 제대로 볼 수 없는 문제가 발생..

[개요] HTML은 한 회사가 단독으로 제작한 언어가 아니며, 상용되고 있는 대다수의 브라우저들이 독자적으로 파일을 해석하므로 표준이 잘 정해져있지 않았습니다. 신기술을 사용하기 위해서 adobe flash 같은 플러그인 형태의 기술을 사용하다가, 이를 HTML 언어 자체적으로 표준화 한 것이 HTML5입니다. HTML5 등장 이전에도 표준이 전혀 없지는 않았는데, 그 이전에는 주로 XHTML이나 HTML4를 사용했습니다. [XHTML] XML + HTML의 합성어로 HTML보다 엄격한 문법을 가집니다. 대표적으로 태그처럼 닫는 태그가 없는 태그는 끝에 공백과 함께 />를 붙여주어야 하고, 태그가 트리구조로 이루어져야 합니다. : 틀림 : 맞음 첫번째 문자두번째 문자 : 틀림 첫번째 문자두번째 문자 : ..

[개요] 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그입니다. 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보를 제공할 수 있도록 해주는 태그입니다. 닫는 태그가 없는 태그로, 태그의 속성을 통해 정보를 제공합니다. 태그를 이용하여 description, keywords, author, subject, classification 등의 정보를 표기할 수 있으며, 검색 엔진은 이런 정보를 적극적으로 활용합니다. [사용법] [HTML 입력]