Develope/CSS
[4] CSS셀렉터의 종류 및 설명(조합,상태,특성 선택자)
[4] CSS셀렉터의 종류 및 설명(조합,상태,특성 선택자)
2023.05.05- 2021.08.26 - - 2023.05.05 - 기존 개발블로그에서 작성했었던 내용물들을 통합하고자 옮겨 적었다 CSS 셀렉터 내부/외부 스타일 시트에서 문서의 html 요소를 선택할 수 있게 하는 문법 - tag 선택자 : html 문서의 모든 특정 태그를 선택할 때 사용 html 태그의 이름으로 바로 선택할 수 있다. 어떠한 기로호 붙이지 않고 태그 이름을 사용할 수 있다. - id 선택자 : html 문서의 하나의 요소를 특정해서 선택할 때 사용 html태그의 속성으로 id를 지정/선언 할 수 있습니다. 하나의 id는 문서 내 하나만 존재 해야한다. #기호로 표현한다. html 에서 css #description-text-1{ css 속성 선언 } 으로 표현 - class 선택자 : html ..
[3] HTML로 작성한 페이지에 Style을 적용해보자
[3] HTML로 작성한 페이지에 Style을 적용해보자
2023.05.05- 2021.08.26 - - 2023.05.05 - 기존 개발블로그에서 작성했었던 내용물들을 통합하고자 옮겨 적었다 지난 학습한걸로 우리는 CSS를 선언하는 방법. 그리고 내외부 스타일 시트에 대해 배우고 폰트와 관련댄 스타일들에 대해 학습했다. 오늘은 이걸 이용해서 기존에 html로 작성해놓은 페이지에 스타일을 적용하려고 한다. 작성해두었듯 스타일이 적용되지않아 심심해 보인다. 하이퍼링크가 적용된 경복궁은 밑줄이 쳐져있다. 나는 여기에서 지난번에 학습한 내용들 중 외부스타일 시트를 이용해 html로 작성한 페이지에 스타일을 적용해보려고 한다. 2021.08.25 - [WEB/Web 공통] - [CSS] (4) 개념과 선언하기 외부 스타일 시트에 대한 선언방법에 관한글은 눌러보면 바로 갈 수 있다. 기..
[2] 글자와 관련된 스타일
[2] 글자와 관련된 스타일
2023.05.05- 2021.08.26 - - 2023.05.05 - 기존 개발블로그에서 작성했었던 내용물들을 통합하고자 옮겨 적었다 글자와 관련된 스타일 color 글자의 색을 표현 ( rgba, cmyk등의 형태, 16진수 코드 ) font-family 글씨체를 표현 ( 글씨체에 띄어쓰기가 있을 경우 쌍따옴표(")를 사용 ) font-size 글씨의 크기를 표현 ( pt,px,em으로 표현 ) font-weight 글자의 굵기를 표현 ( 100~900 사이의 값이나 bold로 굵기 표현 ) font-height 줄의 간격을 표현 ( %단위나 px등의 단위를 사용 ) Font Font(글씨체)는 폰트명을 직접 작성함으로써 지정한다. 하나의 글씨체 이름이 여러 단어로 이루어져있다면 쌍따옴표로 묶어주고 아니면 그냥 기술함..
[1] 개념과 선언하기
[1] 개념과 선언하기
2023.05.05- 2021.08.25 - - 2023.05.05 - 기존 개발블로그에서 작성했었던 내용물들을 통합하고자 옮겨 적었다 CSS ( Cascading Style Sheets) html 웹 문서의 스타일을 표현하는 언어로써 html 코드로 작성된 웹의 요소들이 어떻게 표시되어야 할지를 정의 CSS는 CSS속성, 속성값, 선택자를 이용해서 표현한다. body { font-size:9pt; } body 는 선택자(selector) font-size 는 CSS 속성 9pt 는 CSS 속성 값 CSS를 선언하는 법 CSS를 html에 적용하는 3가지 방법 (1) 인라인(inline) 스타일 (2) 내부 스타일 시트 (3) 외부 스타일 시트 (1) inline 선언 각 html 태그에 직접 style속성을 이용해서 선..