본문 바로가기

생활코딩

{CSS 2} class속성과 id속성, 선택자의 우선순위 사용자가 순차적으로 카테고리를 선택했다고 가정할 때, 선택했던 카테고리는 색을 바꿔라. (=특정한 a태그에만 색을 바꾸고 싶을 때) class="saw"라는 속성을 태그에 적고, saw{ color : gray; } 를 추가한다. 그런데 이렇게 쓰면 적용이 안 된다. 이유는 saw{}라는 뜻은 웹페이지에 있는 모든 saw라는 이름의 태그를 선택하라는 선택자이다. class값이 saw인 태그를 선택하고 싶을 때는 .saw{}를 사용한다. 참고로 saw대신에 다른 값을 넣어도 된다. 말 그대로 지정한 '값'이기 때문에. 나의 강점 .saw{}의 뜻은 웹페이지에 있는 모든 class가 saw인 태그를 가리키는 선택자라는 뜻이다. 그리고 class는 그룹핑, 하나로 묶는다는 뜻을 포함하고 있다. 현재 머물고 있.. 더보기
{CSS 1} CSS를 배우는 이유 / CSS 기본 문법 - style태그, 밑줄 없애고 만들기, 글자 크기, 가운데 정렬 html에서 디자인을 하기 위한 태그가 있다. 태그인데, 쉽기만 한계가 있다. 태그나 태그등은 정보를 해석해서 검색엔진과 같은 시스템들이 필요한 정보를 찾아준다. 하지만 태그는 디자인을 나타낼 뿐 정보를 가지고 있지 않다. 웹페이지라는 소중한 정보 안에 정보가 아니라고 할 수 있는 디자인의 코드가 섞이면, 웹페이지가 정보로써의 가치가 현격하게 떨어진다. 때문에 디자인에 관련된 것들은 css로 처리함으로써, 너무나도 중요한 html은 정보에 전념할 수 있게 한다. 그리고 css를 통해 디자인 하는 것이 html을 통해 디자인 하는 것 보다 효율적이다. 수많은 태그들을 매일 요청한다면 굉장한 절망감에 빠지게 된다. 어렵지만 근본적으로 도움을 줄 수 있는 언어가 css이다. 괄호 안에 쓴 코드는 무시된다. h.. 더보기
생활코딩 html 공부한 내용 & 깃허브로 웹페이지 만들기 👩‍💻생활코딩 HTML강의 1~18강까지 수강✨ html은 인터넷을 하면서 제일 많이 보기 때문에 제일 중요한 언어이다. 먼저 만들고 싶은 웹페이지를 기획한다. 개인적으로 갤럽 강점검사 결과에 대해 관심이 많이 때문에, 이를 활용하여 만들어보고싶었다. 코딩에디터는 Atom를 사용했다. 더보기 ctrl + o => open file ctrl + s => save 은 글씨를 굵게 만들어 강조하는 태그, 는 underline 의 앞글자로써, 글씨에 밑줄을 넣어 강조하는 태그이다. 처음 쓴 태그와 구분하기 위해 마지막 태그에는 슬래시를 넣어 준다. 통계를 활용해서 공부하는 공부 방법에 대해 잠시 말씀해주셨다. 많이 쓰는 태그를 통계낸 사이트가 있는데, 수많은 태그를 모두 외우고 있기 힘들기 때문에 빈도수가 많은.. 더보기