Cascading Style Sheets의 약자이다.여기서 Style Sheets는 스타일 규칙을 정의하는 것을 말한다.CSS는 HTML(마크업 언어)을 꾸며주는 언어이고, HTML이 웹 페이지의 정보를 표현한다면, CSS는 html을 보기 좋게 디자인 하는 역할이다.
스타일 규칙들을 별도의 외부 파일을 만들어서 그 안에 넣는 방식이다.외부 파일의 확장자는 CSS가 되어야 한다.<head>태그 내에 <link>태그를 선언해준다.link태그 안에는 href 속성을 이용해서 CSS 파일의 경로를 적어준다.상대 경로를 이용할 경
선택자 (이전 포스팅에 이어서 작성) 2. class 선택자 (1) 요소에 구애받지 않고 스타일 규칙을 적용할 수 있는 가장 일반적인 방법이다. 글로벌 속성중 하나인 class 속성에 값을 넣게 되면, CLASS 선택자를 이용해서 해당 요소에 스타일 규칙을 적용할 수
실무자들이 가장 많이 참고하는 사이트CSS 카테고리에 들어가면 속성들의 이름이 적혀있고,font-size라는 속성을 눌러보면 정의와 사용법에 대한 내용이 있다.기본값, 부모의 값을 상속 받을 수 있는지 여부, 애니메이션 가능 여부, 사용 가능한 CSS 버전,syntax
remroot의 font-size를 기준으로 값을 환산한다.vwviewport의 width값을 기준으로 1%의 값으로 계산된다.CSS 속성 - 색상속성명 : COLOR선언하는 법이 다양하다. 아래는 모두 같은색을 다르게 표현해서 나타낸 것이다.body{color:bla
display는 요소의 rendering box 유형을 결정할 때 사용하는 속성이다. CSS의 display 속성을 이용하면 화면상에서 블록 요소를 인라인 요소처럼 보여줄 수 있고, 인라인 요소를 블록 요소처럼 보여주는 등 태그마다 고유하게 갖고 있는 rendering
요소를 보통의 흐름에서 벗어나게 할 때, 레이아웃을 만들 때 영역을 좌우로 분할할 때 사용하는 용도로 선언한다.float 속성을 가진 요소가 위로 붕 뜬 느낌으로 생각하면 된다.Box1은 위로 떠서 왼쪽으로 가있고, Box2는 뒤로 밀려나 있다.주변 텍스트나 인라인 요
요소의 위치를 원하는 곳으로 이동 시킬 때 사용하는 속성이다.이미지 위에 글자를 입히는 등 별도의 레이어가 겹쳐지는 형태나브라우저 상단에 고정적으로 위치하는 메뉴는 position을 활용하여 만들 수 있다.정적인 위치, 상대적인 위치, 절대적인 위치, 고정 위치 등이
반응형 웹 사이트를 제작하기 위해 반드시 필요한 내용이다.각 미디어 매체(스크린, 프린트, 스크린 리더기 등)에 따라 다른 스타일 시트를 적용할 수 있게 만드는 것으로, 미디어 쿼리는 CSS3에서 처음 소개되었지만, 그 전에 잘 사용되진 않았지만 CSS2에 미디어 타입