티스토리

공부하는 블로그

검색하기

블로그 홈

공부하는 블로그

cheddar-cheez.tistory.com/m

체다치즈 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

{CSS4} 박스 모델과 그리드 적용하기 제목 밑에 구분할 수 있는 가로 줄을 긋자 h1{ font-size: 45px; text-align: center; border-bottom: 1px solid gray; } border를 넣으면 제목 주변에 네모 박스칸이 생기기 때문에 border-bottom으로 넣어준다. 디자이너는 아니지만 이렇게 하면 간격이 너무 좁다. f12를 눌러서 개발자 모드로 들어간다. 그리고 h1태그에 커서를 갖다대면 아래 사진처럼 나오는데 개발자 모드 style탭 에서 맨 아래로 내려보면 이렇게 사진에 명칭이 나와있다. 이 모양을 참고해서 값을 준다. h1{ font-size: 45px; text-align: center; border-bottom: 1px solid gray; margin:0; padding:20px;.. 공감수 0 댓글수 0 2022. 2. 27.
{CSS 3} 박스 모델과 그리드 일단 박스 모델을 이해하기 위해 준비과정이 필요하다. box.html 기본파일을 만들어준다. 아무 문자 두 개를 적고, 하나는 태그 나머지는 태그를 걸어준다. 나의강점 Gallup Organization에서 실시한 StrengthsFinder(강점발견)결과를 토대로 작성한 내용입니다. 2022년 1월 12일에 검사를 완료했으며, 측정된 34개의 특성 중 가장 높은 특성 3개에 대하여 서술하였습니다. 여기에서 우리는 h1태그가 화면 전체를 쓰고있고, a태그는 줄바꿈이 되지 않고 다른 텍스트와 함께 같은 라인에 존재 있다는 것을 알 수 있다. 이런 차이가 왜 존재할까? 제목 태그는 화면 전체를 쓰는게 기본적으로 더 편하기 때문이고, 링크가 화면 전체를 써서 앞뒤 컨텐츠가 줄바꿈이 된다면 상당히 불편하기 때문.. 공감수 0 댓글수 0 2022. 2. 26.
{CSS 2} class속성과 id속성, 선택자의 우선순위 사용자가 순차적으로 카테고리를 선택했다고 가정할 때, 선택했던 카테고리는 색을 바꿔라. (=특정한 a태그에만 색을 바꾸고 싶을 때) class="saw"라는 속성을 태그에 적고, saw{ color : gray; } 를 추가한다. 그런데 이렇게 쓰면 적용이 안 된다. 이유는 saw{}라는 뜻은 웹페이지에 있는 모든 saw라는 이름의 태그를 선택하라는 선택자이다. class값이 saw인 태그를 선택하고 싶을 때는 .saw{}를 사용한다. 참고로 saw대신에 다른 값을 넣어도 된다. 말 그대로 지정한 '값'이기 때문에. 나의 강점 .saw{}의 뜻은 웹페이지에 있는 모든 class가 saw인 태그를 가리키는 선택자라는 뜻이다. 그리고 class는 그룹핑, 하나로 묶는다는 뜻을 포함하고 있다. 현재 머물고 있.. 공감수 0 댓글수 0 2022. 2. 19.
{CSS 1} CSS를 배우는 이유 / CSS 기본 문법 - style태그, 밑줄 없애고 만들기, 글자 크기, 가운데 정렬 html에서 디자인을 하기 위한 태그가 있다. 태그인데, 쉽기만 한계가 있다. 태그나 태그등은 정보를 해석해서 검색엔진과 같은 시스템들이 필요한 정보를 찾아준다. 하지만 태그는 디자인을 나타낼 뿐 정보를 가지고 있지 않다. 웹페이지라는 소중한 정보 안에 정보가 아니라고 할 수 있는 디자인의 코드가 섞이면, 웹페이지가 정보로써의 가치가 현격하게 떨어진다. 때문에 디자인에 관련된 것들은 css로 처리함으로써, 너무나도 중요한 html은 정보에 전념할 수 있게 한다. 그리고 css를 통해 디자인 하는 것이 html을 통해 디자인 하는 것 보다 효율적이다. 수많은 태그들을 매일 요청한다면 굉장한 절망감에 빠지게 된다. 어렵지만 근본적으로 도움을 줄 수 있는 언어가 css이다. 괄호 안에 쓴 코드는 무시된다. h.. 공감수 0 댓글수 0 2022. 2. 18.
생활코딩 html 공부한 내용 & 깃허브로 웹페이지 만들기 👩‍💻생활코딩 HTML강의 1~18강까지 수강✨ html은 인터넷을 하면서 제일 많이 보기 때문에 제일 중요한 언어이다. 먼저 만들고 싶은 웹페이지를 기획한다. 개인적으로 갤럽 강점검사 결과에 대해 관심이 많이 때문에, 이를 활용하여 만들어보고싶었다. 코딩에디터는 Atom를 사용했다. 더보기 ctrl + o => open file ctrl + s => save 은 글씨를 굵게 만들어 강조하는 태그, 는 underline 의 앞글자로써, 글씨에 밑줄을 넣어 강조하는 태그이다. 처음 쓴 태그와 구분하기 위해 마지막 태그에는 슬래시를 넣어 준다. 통계를 활용해서 공부하는 공부 방법에 대해 잠시 말씀해주셨다. 많이 쓰는 태그를 통계낸 사이트가 있는데, 수많은 태그를 모두 외우고 있기 힘들기 때문에 빈도수가 많은.. 공감수 0 댓글수 0 2022. 2. 16.
[html 개괄] 맛보기 필수내용 빠르게 훑어보기 HTML = Hyper Text Markup Language content 👈 "요소" : 태그 열림과 닫힘 한 쌍으로 이루어짐 속성이란 HTML요소에게 이름을 지어주는 것 class 속성에 원하는 이름(=값)을 넣고 css에서 class에 스타일을 잡아준다. class 속성을 사용하면 한 요소에 다양한 스타일링을 동시에 입힐 수 있다. id 속성을 사용하면 한 요소에 하나의 아이디만 가질 수 있다. 여러 요소를 스타일링 하고 싶을 때는 class / 한 요소만 스타일링 하고 싶다면 id 요소 : 태그의 사이와 포함되는 모든 것 안녕하세요 Hello 체다치즈 Blog 입니다 Thaks 굵게 기울임,이탤릭체 한 문단을 나타내는 태그 구글 페이스북 이름 나이 체다 넉살 cheddar cheez hello c.. 공감수 0 댓글수 0 2022. 2. 5.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.