반응형 Programming Language/CSS7 [CSS] <div> 태그란? (division) 1. 태그란 무엇인가? - ... 태그는 division(분할하다) 의 약자로 HTML문서 내에 한 줄의 가로(Block) 공간을 만드는 태그이다. 2. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 div태그에 대해 알아보자 div{border:1px solid green;} 나는 div 태그 입니다. Colored by Color Scripter cs 태그의 영역을 보고자 border(굵기), solid(테두리)에 스타일을 입혔다. 3. 태그 사용 결과 웹 브라우저 크기에 따라 태그의 공간 크기가 변화하는 것을 볼 수 있다. 4. 태그를 여러 번 사용했을 때 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 div태그에 대해 알아보자 div{border:1px soli.. 2022. 1. 12. [CSS] CSS 스타일 적용 방법 CSS를 웹 페이지에 적용하는 방법은 아래와 같다. 1. HTML 태그의 style 속성에 CSS 코드 넣어 적용하기(Inline Style Sheet) 1 저는 파란색을 좋아해요 cs 2. HTML 문서 안에 스타일 코드를 넣어 적용하기(Internal Style Sheet) 1 2 3 4 5 6 7 8 나는 파란색이에요. 나는 바다를 좋아해요. cs 3. 별도의 CSS 파일을 만들고 HTML 문서에 코드 추가하여 적용하기(Linking Style Sheet) style.css 파일을 만든다. 1 2 3 4 5 cs html파일에 아래 태그를 추가한다. 1 cs 참고) 파일 경로에 따라 href에 들어가는 값이 달라진다. ex) html파일이 있는 폴더안에 css폴더 안에 style.css 파일이 있는.. 2022. 1. 11. [CSS] CSS란? (CSS개념과 HTML 차이점) 1. CSS(Cascading Style Sheets) 란 무엇인가? - HTML 과 같은 문서의 스타일을 꾸밀 때(디자인을 입히고 싶을 때) 사용하는 언어 태그 등에 스타일 (예를들어 글자의 크기, 색, 폰트, 버튼 스타일 등) 을 지정해줄 수 있다. 2. CSS와 HTML의 차이점은? - HTML의 경우 문장의 구조를 만든다. 저는 푸른 바다를 좋아합니다. 저는 푸른 바다를 좋아합니다. 저는 파랑색을 좋아해요 저는 파랑색을 좋아해요. - CSS의 경우 문장에 스타일을 꾸며준다. p { color : blue; } 저는 푸른 바다를 좋아합니다. 저는 파랑색을 좋아해요. CSS를 도입하기 전에는 HTML언어 하나로 뼈대와 함께 스타일까지 변경했었는데, 코드가 길어지고, 수정이 필요할 시 각각 수정해줘야 .. 2022. 1. 11. 이전 1 2 다음 반응형
