본문 바로가기

언어공부/CSS

(11)
(생활코딩) CSS 속성을 알아내기 /선택자의 기본 여기서 h1태그의 WEB의 텍스트 크기를 조정해보자. 검색어 추천 : CSS text size property 검색되는 페이지에서 font-size속성을 이용하여 텍스트의 크기를 조정하는 것을 알 수 있다. 추가로 h1태그의 WEB을 가운데 정렬 해보자. 검색어 추천 : CSS text center property 검색되는 페이지에서 text-align속성을 이용하여 텍스트의 크기를 조정하는 것을 알 수 있다. 이렇게 검색을 통해서 내가 원하는 속성들을 찾아 쓸 수 있다. 여기서 선택자의 기본에 대해서 알아보자. 일단, 만든 웹페이지에 있는 모든 태그를 검은색으로, 사용자가 방문한 적이 있었던 페이지는 회색으로, 현재 사용자가 머물고 있는 페이지는 빨간색으로 표시해보자. 1.모든 태그를 검은색 선택자를 ..
(생활코딩) CSS의 기본 문법 웹페이지에 CSS를 포함시키기 위해서는 html과 css과 완전히 다른 언어이기 때문에 웹브라우저로 하여금 어디서부터가 어디까지가 css인지 알게해줘야 한다. 바로 style이라는 태그가 해당 역할을 하게된다. 이외에 한가지 방법이 있는데, 태그가 아닌 속성을 이용하는 방법이 있다. 1. 태그 사용 a{} =>선택자(selector) / color:red => 선택자에게 지정되는 효과 및 선언(declaration) / color => 속성(property) / red : property value 2. style 속성 사용 style태그를 직접 사용한 경우에는 태그가 위치하고 있는 태그에게 효과를 줄 것이기 때문에 선택자가 필요없다. style이라는 속성을 쓰면 그 속성의 값을 웹브라우저는 css의 문..
CSS (Cascading Style Sheets)란? CSS (Cascading Style Sheets) 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS이다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다. CSS가 생겨 HTML에..