K_blueprint

목  차1. CSS3 규칙2. 셀렉터1. CSS3 규칙- CSS 스타일 시트에는 2 가지의 규칙이 있는데 내용은 아래와 같다. CSS3 스타일은 부모 태그로부터 상속된다.스타일 합치기(cascading)와 오버라이딩(overriding) (1번 규칙)- 자신을 둘러싸고 있는 태그를 "부모 태그" 혹은 '부모 요소'라고 한다.저는 부모 태그의 영향을 받습니다. 저도 받습니다만?- 위와 같은 코드에서 태그를 '부모 태그', 태그를 ' 자식 태그'라고 하며 출력 결과는 아래와 같다.  - 이처럼 자식 태그는 폰트의 크기만 조정해줬어도 부모 태그에서 글자의 색이 지정되어있을 때 자식 태그의 내용까지 영향을 받는 것을 볼 수 있다.  (2번 규칙)- 브라우저는 각 태그에 대한 디폴트 스타일 시트를 가..

목  차1. 시맨틱 웹2. 시맨틱 태그의 종류(feat. 문서 구조화 예시)3. 시맨틱 블록 태그1. 시맨틱 웹- 현대 사회는 정보 탐색이 중요하기 때문에 읽는 사람이 글을 읽기 용이해야 하고, 그만큼 구조화를 통해 각 구조들을 이용한 효율적인 정보 전달이 가능하도록 하는 것이 중요하다. - 검색 엔진이 좋아하는 웹 사이트가 가치가 올라가기 마련인데, 구글 검색 엔진의 경우 웹 페이지에서 `' 시맨틱 인라인 태그 알아보기 이 문장에는 mark태그가 사용됩니다. 지금 시각은 10:15입니다. 현재의 진행도는 20%입니다. 포스팅 글을 올리는 중입니다...(30%)   (브라우저 화면)     ※ 해당 게시글은..

본 게시판을 소개하는 간단한 HTML 페이지를 작성해 보겠습니다!본문의 제목에 마우스 커서를 올리면 사진이 출력됩니다. (태그 간단 설명)다들 아실 거라 생각되지만 HTML 코드 파일을 만들고 !+Enter를 하게 되면 HTML의 기본 뼈대가 자동으로 만들어집니다!body 태그 : 배경색 지정 / 왼쪽, 오른쪽의 공백을 지정합니다.h3 태그 : 글자의 위치를 가운데로 / 글자의 색을 지정합니다.hr 태그 : 라인의 높이 / 테두리 색상 / 채워질 색상을 지정합니다.span 태그 : 색 / 폰트의 크기를 지정합니다. function show() : 보여주는 기능으로 id를 "fig"로 지정한 "discord_cyber.png"이미지를 보여주는 기능입니다.function hide() : 숨기는 기능으로 id..