근혁 study 공부정리

inline, block 태그는 웹 브라우저에 탑재된 스타일시트에 따라 기본적인 CSS속성을 가지고 있다. 그 중에 inline과 block이라는 속성은 화면 레이아웃과도 직접적인 연관성이 있다. inline 속성 inline요소는 항상 블록 요소안에 포함되어 있으며 인라인 요소안에 다른 인라인 요소가 포할될 수 있다. 그리고 기본적으로 컨텐츠가 끝나는 지점까지를 넓이로 가지게 된다. 그래서 임의로 width, height로 변형을 줄 수가 없다. 인라인 요소는 line-height로 줄의 높낮이를 조절할 수 있고 text-align으로 텍스트의 중앙,좌,우측 정렬을 할 수 있다. 인라인 요소의 다음에는 줄바꿈이 없고 우측으로 바로 이어서표시가 된다. inline 요소 inline 요소들은 위와 같은 요..

CSS의 단위 CSS는 길이를 표현하기위한 여러 가지 장치가 있다. 많은 CSS속성을 가지고 "length"등의 폭, 마진, 패딩, 글꼴크기, 테두리 폭 등의 값을 길이는 길이 부 뒤에 숫자 같은 10px,2em 등이며 공백으로는 수와 유닛 사이에 나타나지 않을 수 있다. 값이 0인 경우,이 장치는 생략 될 수 있다 일부 CSS속성의 경우 음의 길이가 허용된다 단위 길이의 종류에는 상대 길이 단위, 절대 길이 단위가 있다 절대 길이 단위 cm mm Q in pc pt px 상대 길이 단위 em ex ch rem lh vw vh vmin vmax

CSS 색상 css에서 색상을 표현하는 방법은 다음과 같이 다양한 방법이 있다 1. HEX 색상 2. RGB 색상 3. RGBA 색상 4. HSL 색상 5. HSLA 색상 6. 색상 이름 표기법 7. transparent 색상 HEX 색상 HEX 색상(Hexadecimal colors)은 #000000 형태의 색상 값은 모든 브라우저에서 지원하므로 색상을 표현하는 가장 기본적인 방법이다 . 모든 값은 00~FF 사이여야 하고 #FFF00처럼 #기호 다음에 6자리의 16진수로 표시된다. RGB 색상 RGB는 앞에서부터 차례대로 빨간색과 초록색,파란색의 양을 나타내는데 여기서 16진수가 아닌 십진수로 표현한다. 하나도 섞이지 않았을 때는 0으로 표시하고, 가득 섞였을 때는 255로 표시하면 그 사이 값으로 ..

CSS는 무엇인가? CSS는 Cascading Style Sheets의 약어로 HTML이나 XML로 작성된 문서를 시각적으로 이쁘게 꾸며주는(글씨 색상, 배경 색상, 이미지 등등) 역할을 한다. CSS 선언 방법 CSS 선언 방법에는 3가지가 있다 내부 스타일, 외부 스타일, 인라인 스타일 각각 쓰는 방식이 다른데 먼저 내부 스타일부터 알아보자 내부 스타일 시트 내부 스타일은 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것이다 태그 안에서 정의해야 하고 태그 사이에 작성해야한다. { } 외부 스타일 시트 웹 사이트를 만들 때 하나의 웹 문서로 끝나는 경우는 거의 없다. 사이트를 제작할 때 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와 사용하는 것이 일반적이..