속성 선택자(기본 속성, 문자열 속성)
오랜만에 CSS에 대한 개념정리를 포스팅하네요(2일밖에 안됬찌만;;ㅋㅋ) 이번 포스팅에서는 속성 선택자에 대해 포스팅을 할건데요 이것은 크게 두개로 나누어 집니다. -기본 속성 선택자-문자열 속성 선택자 자~그럼 시작하겠습니다. 1.기본 속성 선택자 간단하게 예를 들어서 설명하자면input 태그를 사용시 input태그에만해도 많은 속성이 존재합니다.그래서 이 속성마다 스타일을 적용할때 사용이 되는것이 기본 속성 선택자 입니다. 사용형태 선택자[속성] -> 특정한 속성이 있는 태그를 선택 선택자[속성=값][속성=값] -> 특정한 속성 안의 값이 특정 값과 같은 문서 객체를 선택 이제 코딩을 해보며 한번 알아보도록 할게요 이제 대충 감이 오시나요??"input 태그를 사용한 곳에서 type=text 또는 p..
CSS3 기본 선택자 -part1-
선택자 중에서 전체 선택자는 이전 포스팅에서 설명을 해드렸습니다. 그래서 이번 CSS3 기본 선택자 -part1- 에는 전체 선택자를 제외한 -태그 선택자-아이디 선택자-클래스 선택자 에 대해 설명을 드리도록 하겠습니다. START~ 1. 태그 선택자 태그 선택자란 특정한 태그를 선택할때 사용이 되는 선택자 입니다.설명으로 하면 주구장창이니 예제를 통하여 설명을 하도록 하겠습니다. 일단 부분에다가 이렇게 HTML태그만 적어줍니다. 그러면 이렇게 뜨는게 맞는거죠?? 여기서 잠깐! P태그에 대해 간단하게 다시 설명하고 넘어갈게요 P태그 문단을 나누는 태그 완전 간단하게 설명했죠?ㅎㅎ HTML만 쓰면 저렇게 너무 허접해 보여요 그래서 저는 스타일 태그를 사용할거에요 요렇게 스타일 태그를 적용해 줍니다. 그러면..
[태그]전체 선택자 *
이번 시간에는 전체를 선택하는 선택자에 대해 알아볼게요 전체 선택자란 무엇인가요? HTML 페이지 내부의 모든 태그를 선택하는걸 의미합니다. 그러면 사용 방법은? *을 사용합니다. 간단한 예제를 통해서 알아볼게요바로 이전시간에 포스팅한 내용은 h1태그만 css를 입혔습니다. 그치만 여기선!!! 요렇게 h1을 -> * 로 바꾸어 줍니다. "전체 태그들을 색을 빨강색 배경은 주황색 으로 바꿀래!!!" 실행을 할게요 짠~~~ *선택자를 쓰면 전체 태그를 선택합니다.
CSS3 시작하기 [사용 방법]
CSS3 란 무엇인가요? -CSS는 Cascading Style Sheets의 약자 입니다.-특정한 HTML 태그를 선택할 때 사용하는 기능 입니다.-쉽게 생각하자면-> 밑그림(HTML)에 색칠(CSS)를 하는 것 이라고 생각하면 이해하기 쉬울 것 입니다. 문법 형태 선택자 {스타일 속성 : 속성 값;} 어디서 많이 본 문법 형태가 아닌가요??바로 C언어에서 사용한 문법 형태입니다.'즉,!! 모든 프로그램 언어를 공부할려면 C언어가 가장 기본이 되어야 합니다. 예제를 통해서 한번 확인해 볼게요 [해석] 일단 설명 드리기 전에 태그 내부에 입력이 되었습니다.그래서 이 h1 태그를 여기서는 스타일 태그 라고 불립니다. "h1태그를 color라는 스타일 속성에 red라는 속성 키워드를 적용할거다그리고 배경색(..
Visual Studio 2013 Express for Web 설치 및 사용 방법
저도 몰랐는데 HTML5를 가장 완벽하게 지원하는 통합 개발 환경이 바로 Visaul Studio 2013 Express for Web 라고 하는군요.그래서 저는 Visual Studio 2013 Express for Web를 설치해 보도록 하겠습니다. 다운받는곳 -> http://www.visualstudio.com/downloads/download-visual-studio-vs 위에서 설치를 하면 아래와 같은 파일이 설치가 될 것 입니다. 이 설치 파일을 클릭해서 로그인도 해주고 설치를 해 주면 됩니다. 그러면 설치는 다 했다고 가정할게요(설치하는데 좀 오래걸요~^^;;) 자~ 다 설치했습니다.! 이제 설치한 Visual Studio 2013 Express for Web를 실행시켜줍니다. 일단 이 개..
