CSS란?-CSS를 적용하는 3가지 방법

1. CSS란? Cascading Style Sheets HTML은 데이터를 구분해주는 정도까지만 역할을 한다. 그 데이터를 꾸며주고 모양을 만들어주는 역할은 CSS가 한다. CSS는 단독으로 사용할 수 없고, HTML이랑 같이 사용해야 한다. 2. CSS를 적용시키는 3가지 방법 1. inline 스타일로 작성하기 html 파일에서 엘리멘트 옆에 style 속성을 이용하여 작성한다. 2. 를 이용하여 작성하기 안에 태그를 이용하여 작성한다. CSS문법을 사용해야 하며, 선택자 { 속성 : 속성값 ; } 3. 외부파일을 이용하여 작성하기 ⭐️중요!!!⭐️ 안에 태그를 이용하여 작성한다. /* " " 안에는 파일을 경로로 작성하여 준다 */ 1번에 방법의 비해 2번, 3번을 많이 쓰는 이유는 선택자를 이용..

• format_list_bulleted HTML & CSS
• · 2022. 10. 21.
• textsms

221021 CSS와 네이버 클론코딩

오늘 내가 배운 것 1. HTML element 2. CSS 3. CSS 적용시키는 3가지 방법 4. CSS 선택자, 속성, 속성값 1. HTML element 웹사이트 브라우저를 구성을 확인하다 보면 address, section, article, aside 태그를 볼 수 있는데, 이 태그들이 다른 특별한 역할이 있다기 보단 시멘틱 구성 태그이다 어떤 부분이 무엇을 구성하고 있는지 쉽게 파악하기 위한 태그 큰 영역을 놓고 보자면 div와 같은 역할을 한다. 2. CSS Cascading Style Sheets HTML은 데이터를 구분해주는 정도까지만 역할을 한다. 그 데이터를 꾸며주고 모양을 만들어주는 역할은 CSS가 한다. CSS는 단독으로 사용할 수 없고, HTML이랑 같이 사용해야 한다. 3. C..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 21.
• textsms

일반적인 웹사이트 HTML에 자주 쓰이는 tag(태그),element(엘리먼트)

일반적인 웹사이트에서 자주 쓰이는 tag(태그),element(엘리먼트)그리고 그 태그의 특징, 속성, 속성 값 ~ 제목 엘리먼트 보통 로고나 홈페이지의 메인이 h1, 부제목, 카테고리 순으로 숫자가 커진다. 특징 : 숫자가 작을수록 크기가 커진다.커진다. 일반 텍스트보다 굵기가 굵어짐. , 리스트를 작성할 때 많이 쓰인다. ul이랑 li 이는 같이 쓰이며 ul 안에 li를 작성한다. ul의 특징은 li들을 묶어주는 역할 정도로 사용하면 된다. (앵커) 링크를 걸기 위해서 사용하는 엘리먼트 속성 href 와 같이 쓰인다. 속성을 쓸 때는 쿼리 스트링 형태 query string =“” 를 같이 사용한다. " "안의 링크가 현재 url을 바꿔 준다. , 구역을 나눠서 내용을 적을 때 사용한다. 가장 기본적..

• format_list_bulleted HTML & CSS
• · 2022. 10. 21.
• textsms

2진수와 16진수 - bit(비트), byte(바이트), nibble(니블)

컴퓨터는 왜 2진수를 사용하는가? 컴퓨터는 전류가 흐르고, 안 흐르고 (ON/OFF)로만 표현할 수 있다. 그렇기 때문에 0과 1 로만 모든 것을 표현해야 한다. 2진수 1자리 수는 2가지(0, 1)를 표현할 수 있고, 2자리 수는 4가지(00,01,10,11) 를 표현 할 수 있다. 0과 1을 표현하는 1자리 수를 1 bit (비트)라고 하는데, 1bit가 8자리가 되면 8 bit 8bit = 1byte(바이트) = 2 nibble(니블) 이다. 1 nibble은 4bit인데 4bit는 16가지를 표현할 수 있다. 그래서 16진수의 범위와 일치한다. 16진수는 순서대로 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F 로 표기해서 쓸 수 있다. 16진수를 사용하는 이유..

• format_list_bulleted HTML & CSS
• · 2022. 10. 21.
• textsms

221020 브라우저와 HTML

오늘 내가 배운 것 1. 2진수, 16진수 2. 브라우저와 HTML 3. 자주 쓰이는 태그(엘리먼트)와 속성, 속성 값 1. 2진수와 16진수 컴퓨터는 왜 2진수를 사용하는가? 컴퓨터는 전류가 흐르고, 안 흐르고 (ON/OFF)로만 표현할 수 있다. 그렇기 때문에 0과 1 로만 모든 것을 표현해야 한다. 2진수 1자리 수는 2가지(0, 1)를 표현할 수 있고, 2자리 수는 4가지(00,01,10,11) 를 표현 할 수 있다. 0과 1을 표현하는 1자리 수를 1 bit (비트)라고 하는데, 1bit가 8자리가 되면 8 bit 8bit = 1byte(바이트) = 2 nibble(니블) 이다. 1 nibble은 4bit인데 4bit는 16가지를 표현할 수 있다. 그래서 16진수의 범위와 일치한다. 16진수는 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 20.
• textsms

221017 페어코딩

주말 동안 학원 홈페이지 전체를 만들어 본 사람을 중심으로 3명씩 조를 만들어서 페어 코딩을 진행했다. 페어 코딩 보통 2명이서 한 명은 전략을 제시(내비게이터), 다른 한 명은 실제 코드 (드라이버)를 작성 역할을 바꿔서도 수행한다. (참고 : https://velog.io/@leemember/VS-Code-페어코딩-하는-방법-좋은점) VS Code 페어 코딩 하는 방법 / 페어 코딩의 좋은점 안녕하세요 ! 오늘은 VS Code 내에 있는 페어코딩 하는 방법입니다. 페어 프로그래밍은 애자일 개발 방법론 중의 하나로 하나의 개발 가능한 PC 에서 두 명의 개발자가 함께 작업하는 것을 말합니 velog.io 위에 블로그에서처럼 LiveShare 확장자로 하는 방법도 있다고 하는데.. 우리는 컴퓨터 한 대를..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 17.
• textsms