본문 바로가기

웹코딩 배우기/· 태그 사전47

CSS 태그 : line-height line-height 문장과 문장 사이의 간격을 설정 문장 사이의 간격 값은 숫자; px; %;를 사용합니다. 2019. 9. 17.
CSS 태그 : left left 요소의 왼쪽 속성을 설정 브라우저의 왼쪽에서 얼마만큼의 공간을 두고 요소를 표시 할지 정합니다.값은 px; 또는 %;로 정합니다. 참고로 position : absolute;는 요소의 절대적 값입니다.position : absolute;는 부모 div에 설정 할 수 있습니다. 2019. 9. 17.
CSS 태그 : height height 콘텐츠 요소의 세로값을 설정 높이는 px; 또는 %; 로 설정합니다. 2019. 9. 17.
CSS 태그 : font font 폰트 스타일, 폰트 변형, 폰트 두께, 폰트 사이즈, 폰트 간격, 폰트 종류를 설정 폰트 스타일 지정은 .div1 {font-style: italic; font-weight: bold;font-size: 15px; line-height: 1;font-family: Impact;} 이와 같이 따로따로 태그를 넣어 꾸밀 수 있습니다. 하지만 다음처럼... .div2 {font: italic bolder 16px/1 Impact;}/* font: style // weight // size/line-height // family */ 이런씩으로 한줄에 다 표현 할 수도 있습니다. - 기타 태그 -font-variant : 글꼴 변형 2019. 9. 16.
CSS 태그 : float float 블록요소의 정렬 상태를 설정 float: none; - 성질을 적용하지 않습니다.float: left; - 왼쪽으로 정렬float: right; - 오른쪽으로 정렬. 순서는 가장 오른쪽이 첫번째입니다. 2019. 9. 16.
CSS 태그 : display display 요소의 성질을 정의 ▲ block; - 블록으로 요소를설정합니다. 쌓기 ▲ inline; 인라인으로 요소를 설정합니다. 가로 나열. 요소값을 무시합니다. ▲ inline-block; - 인라인 + 블록 성질를 가집니다. ▲ none; - 요소를 표시하지 않습니다. -기타 값- flex; - 플렉스 요소의 성질로 설정합니다. inline-flex; - 인라인 + 플렉스 요소의 성질을 설정합니다. inline-table; - 인라인 + 테이블 요소의 성질을 설정합니다. list-item; - 리스트 스타일 성질로 설정합니다. run-in; - 인라인 및 블록 요소의 성질을 하나만 선택하도록 설정합니다 table; - 테이블 요소의 성질로 설정합니다. table-caption; - 테이블 요소의.. 2019. 9. 16.
CSS 태그 : color color 요소의 글씨 색을 설정 rgba 값중 a는 투명값입니다. 2019. 9. 16.
CSS 태그 : bottom bottom 블럭요소의 아래쪽 속성을 설정 bottom : auto; = 기본값bottom : 50px; = 아래에서 50px 공간을 두고 표시bottom : 10%; = 아래에서 브라우저 높이의 10%만큼의 공간을 두고 표시 2019. 9. 16.
CSS 태그 : border border 테두리 속성을 설정 border : *px 모양 색; < 으로 표현한다.border : 1px; < 모양과 색이 없어 화면에 나오지 않는다. 2019. 9. 16.
CSS 태그 : background-color background-color 백그라운 색을 설정 - 색상값-#f00, #ff0000, rgb (250, 0, 0), rgba (0, 0, 0, 0.8)transparent [default 값]inherit 2019. 9. 16.
CSS 태그 : background background 배경 속성 값을 정의 예시) --- background-attachment : 배경이미지 고정여부background-blend-mode : 배경 혼합했을 때 상태background-clip : 색의 영역background-color : 색을 설정background-image : 이미지 속성background-origin : 이미지 영역 속성background-position : 이미지 위치 영역 설정background-repeat : 이미지 반복 여부background-size은 : 이미지 사이즈 2019. 9. 16.