2019/09/19 - [HTML | CSS] - 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(.. jiaaan90.tistory.com 2019/09/19 - [HTML | CSS] - 10. CSS 스타일 속성 기본(2)(폰트, 위치, float, clear:both, 그림자, 그라디언트) 10. CSS 스..
이공계전문기술연수/HTML | CSS
2019/09/19 - [HTML | CSS] - 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(.. jiaaan90.tistory.com 2019/09/19 - [HTML | CSS] - 10. CSS 스타일 속성 기본(2)(폰트, 위치, float, clear:both, 그림자, 그라디언트) 10. CSS 스..
2019/09/19 - [HTML | CSS] - 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(.. jiaaan90.tistory.com 2019/09/19 - [HTML | CSS] - 10. CSS 스타일 속성 기본(2)(폰트, 위치, float, clear:both, 그림자, 그라디언트) 10. CSS 스..
1. 폰트 속성 글자의 크기를 지정하는 스타일 속성이다. 크기 단위 등을 사용한다. font-size:30px; font-size:3em; font-size:large; font-size:small; font-family 속성 폰트를 지정하는 스타일 속성이다. font-style 속성과 font-weight 속성 폰트의 기울기 또는 두께를 조정하는 스타일 속성이다. font-size : 3em; font-style : italic; font-weight : bold; line-height 속성 line-height 속성은 글자의 높이를 지정한다. HTML에서는 글자를 수직 중앙 정렬할 때 많이 사용한다. text-decoration 속성 a 태그에 href 속성을 사용하면 밑줄이 생기고 파란색으로 변경이..
1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(hue,saturation,lightness,alpha) HSLA 색상 3. 가시 속성 태그가 화면에 보이는 방식을 지정하는 속성을 말한다. display 속성 키워드 설명 none 태그를 화면에서 보이지 않게 만듬 block 태그를 block 형식으로 지정 inline 태그를 inline 형식으로 지정 inline-block 태그를 inline-block 형식으로 지정 visibility 속성 키워드 설명 v..
CSS(Cascading Style Sheets) 선택자는 특정한 HTML 태그를 선택할 때 사용하는 기능이다. 선택자를 사용해서 특정한 HTML 태그를 선택하면 해당 태그에 원하는 스타일 또는 기능을 적용할 수 있다. 선택자 종류 선택자 형태 전체 선택자 * 태그 선택자 태그 아이디 선택자 #아이디 클래스 선택자 .클래스 후손 선택자 선택자 선택자 자손 선택자 선택자>선택자 속성 선택자 선택자[속성=값] 선택자[속성~=값] 선택자[속성|값] 선택자[속성^=값] 선택자[속성$=값] 선택자[속성*=값] 동위 선택자 선택자 + 선택자 구조 선택자 선택자 ~ 선택자 선택자:first-child 선택자:last-child 선택자:nth-child(수열) 선택자:nth-last-child(수열) 선택자:first..
textarea 태그 여러 줄의 글자를 입력할 때 사용하는 태그이다. 속성 이름 설명 cols 태그의 너비를 지정함 rows 태그의 높이를 지정함 select 태그 여러 개의 목록에서 몇 가지를 선택할 수 있는 입력 양식 요소이다. 태그 이름 설명 select 선택 양식을 생성 optgroup 옵션을 그룹화함 option 옵션을 생성 fieldset 태그 / legend 태그 입력 양식을 설명할 때 사용한다. legend태그는 fieldset태그 내부에서만 사용할 수 있다. 공간 분할 태그 div 태그와 span 태그 태그 이름 설명 div block 형식으로 공간을 분할 span inline 형식으로 공간을 분할 block 형식의 태그와 inline 형식의 태그 block 형식 태그 inline 형식 ..
입력 양식이란 사용자에게 입력받는 공간을 의미한다. 입력 양식은 form 태그를 사용해 생성한다. 속성 이름 설명 action 입력 데이터의 전달 위치를 지정 method 입력 데이터의 전달 방식을 선택 form태그에 지정된 action 속성의 장소로 method 속성에 적힌 방식으로 전달이 된다. method 속성에서 자주 사용되는 것은 get과 post이다. get 방식은 주소에 데이터를 입력해서 보내는 방식을 말하고 post는 get방식과 달리 비밀스럽게 데이터를 전달하는 방식이다. 예를 들어서 회원가입을 할 때 아이디를 입력하고, 비밀번호를 입력하는 것은 비밀스럽게 해야 하므로 post 방식을 사용한다고 생각하면 된다. input 태그 사용자에게 정보를 입력받는 기능을 수행하는 태그를 말한다. 속..
