목록HTML (16)

orange056

[css] div 중앙정렬하기

div를 중앙정렬하는 방법 1. 큰 div에 text-align: center; 속성을 준다. 2. 그 안에 있는 div에 display: inline-block; 속성을 준다. 대충 이런식 끝
HTML 2023. 5. 4. 17:58
[css] div 왼쪽 정렬하기

메인 메인2 메인3 위와 같이 div 세개를 나타내면 한줄(세로)로 나타나는 것을 볼 수 있다. 이 div들을 가로로 정렬하고 싶다면 스타일태그에 float: left; 를 추가해주면 된다!
HTML 2023. 5. 4. 17:45
[css] 웹페이지에 글자 세로로 나오도록 하기

writing-mode: vertical-rl; css에 위 코드를 추가하면 글자가 세로로 나오도록 할 수 있다
HTML 2023. 2. 1. 10:46
textarea 높이 자동 조절하기/ autosize 라이브러리 사용하기

- 설치 npm install autosize npm을 통한 설치를 하거나 cnd에 위처럼 입력해서 불러온다 (나는 cnd에 입력하는 방법을 선택했다) autosize($('textarea')); 위 내용을 추가해주면 모든 textarea에 내용이 추가될 경우 높이가 자동으로 바뀌게 된다
HTML 2023. 1. 10. 18:15
사용자의 입력에 따라 textarea 높이 변경 / textarea 자동 변경

위처럼 추가해주면 사용자가 입력한 내용만큼 textarea 높이가 변경된다
HTML 2023. 1. 10. 18:08
input color을 사용하여 색상 팔레트 만들기

인풋 태그를 추가해주면 위와 같은 모습이 나온다. 고른 색을 사용하기 위해선 아래와 같이 제이쿼리를 이용해주면 된다. let color = $('#colorSelect').val();
HTML 2023. 1. 10. 16:29
[css] 버튼 가운데 정렬

1. 버튼을 div로 감싼다 2. div에 text-align: center; 속성을 준다 text-align: center 3. 버튼에 display :inline-block; 속성을 준다 display :inline-block;
HTML 2022. 12. 22. 17:00
[css] parent의 높이를 child 높이에 맞추기

overflow:auto; 자식태그의 크기가 부모태그의 크기보다 더 클 때 위 css를 적용해주면 된다
HTML 2022. 12. 22. 16:58
썸머노트 사용하기

- import 하기 - html - script
HTML 2022. 11. 14. 16:19
css 분리하기

1. wabapp 에 css라는 폴더를 만든다 css 파일을 한군데 모아놓아야 깔끔하고 관리가 쉽다 2. (css명).css라는 css 파일을 만든다 ex) board.css 실제 css 코드들을 모아 놓기 위한 파일이다 여기에 style태그 안에 있는 css를 넣으면 된다 3. css 파일을 import 한다 위처럼 경로를 지정해주면 css 파일을 import 할 수 있다 끝
HTML 2022. 11. 10. 11:57
이전 Prev 1 2 Next 다음