본문 바로가기
반응형

css

2.웹프로그래밍, CSS, 스타일 시트를 문서에 삽입하는 3가지 방법에 대해서 알아볼까요? ^^ 스타일 시트를 사용해서 CSS를 삽입하는 방법은.. 공부해본바 크게 아래와 같이 3가지 임. 외부 스타일 시트 내부 스타일 시트 인라인 스타일 시트 ​​​​​​​방법1) 외부 스타일 시트 외부 스타일 시트는 말 그대로 스타일 시트를 외부에 파일로 저장하는 것. 외부 스타일 파일은 많은 페이지에 동일한 스타일을 적용하려고 할 때 좋은 방법 외부 스타일 파일을 사용하면, 아래와 같이 전체 웹 페이지의 스타일을 하나의 스타일로 일괄 변경가능함. 외부 스타일 시트를 사용하는 방법은.... 각 HTML 페이지는 link 태그를 이용해서 스타일 파일에 연결해야 함. link 태그는 헤드 부분에 있어야함 샘플코드 #설명 link : 외부 파일과 연결하려면 link 요소를 사용함. type="text/css" : 외부.. 더보기
1.웹프로그래밍, CSS, 선택자에 대한 개념을 잡아 보아요 !! ^^ CSS에서 말하는 선택자에 대해서... CSS 에서 가장 중요한 부분이 바로 선택자임. 그럼, 선택자(selector) 란 무엇일까요? 말그대로, HTML 요소를 선택하는 부분을 말해요.. ^^; W3C 참고 문서 http://www.w3.org/TR/css3-selectors/ 왜 선택자가 필요할까요? 변경하고자 원하는 요소를 선택할 수 있어야 하기 때문에.. 보통, 모든 요소에 동일한 스타일을 적용하는 일은 드문케이스.. 즉, 변경하고자 하는 요소를 선택 후 원하는 스타일을 적용하는게 대부분임. 예시 선택자의 종류는? 주로 사용하는 선택자 타입 선택자(type selector) 아아디 선택자(ID selector) 클래스 선택자(class selector) 이외의 알아두면 좋을 선택자 전체 선택자(u.. 더보기
0.웹프로그래밍, CSS, CSS 대한 개념을 한번 잡아봅시다요^^； 최근 웹 표준 개발 방법론 최근 웹 표준 개발론에서는 아래와 같이 구현기능에 대해서 분리해서 구현하도록 권고하고 있음. 문서의 구조 HTML 문서의 제목, 본문인지 지정함. 스타일 CSS 문서의 스타일을 지정함, 즉, HTML 요소의 크기,폰트,색상등을 결정. 동작 Javascript 문서의 동작을 정의함. 예를들면, 버튼을 클릭했을 경우, 어떤 동작을 진행할지를 Javascript 를 사용하여 정의함. 참고) 물론, 기존에 HTML 태그를 이용해서 스타일도 지정을 했었음. 하지만 이제는 그렇게 개발하지 않기를...^^; 월드와이드웹이 나타나기 훨씬 전부터 전자 문서 전문가들은 문서의 외양과 문서의 구조를 분리하는 것이 중요하다고 생각해옴. 팀 버너스리도 이와 같은 생각으로 웹을 만듬. but, 웹의 폭.. 더보기
반응형

티스토리툴바