HTML&CSS
-
텍스트 가운데 정렬 방법 &이미지 가운데 정렬 방법HTML&CSS 2022. 10. 12. 22:06
텍스트 가운데 정렬 방법 1. Text-Align - 이미지가 와 같은 컨테이너 안에 있을때만 작동 이미지 가운데 정렬 방법 1. Margin: Auto - margin: auto 자체만으로는 이미지를 중앙 정렬할 수 없다 - margin: auto를 사용하려면 다른 두 가지 속성을 함께 적용 img { display: block; margin-left:auto; margin-right:auto; } 2. Display: Flex - Display: Flex를 사용하려면 다른 두 가지 속성을 함께 적용 div { display: flex; justify-content: center; } img { width: 60%; }
-
구글폰트사용해보기HTML&CSS 2022. 10. 9. 16:41
https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com h1 태그에는 JetBrains 텍스트 스타일, monospace의 값 h2 태그에는 Roboto 테스트 스타일, 없으면 sans-serif의 값 좋은아침! 좋은저녁! 구글폰트에 정식으로 론칭되지는 않은 Beta 버전 https://fonts.google.com/earlyaccess Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com korean을 검색하..
-
text스타일링HTML&CSS 2022. 10. 2. 20:17
텍스트 색 지정 방법 1. 색 이름 2. RGB 값 - 모든 색은 빨강(Red), 초록(Green), 파랑(Blue)의 조화로 표현 3. HEX값(16진법) - RGB값을 16진법으로 표현 색깔을 바꿔보장 색깔을 바꿔보장2 색깔을 바꿔보장3 폰트 굵기 - 100,200,300.. 처럼 100 단위로 늘어남 (100, 200, 300, 400, 500, 600, 700, 800, 900) - 100단위가 아닌 수 (ex 110..)을 했을 경우는 기본 굵기가 나온다 - font에 따라 지원되는 굵기가 다 다르다 텍스트 정렬 - text-align: center ( left, right) - left가 default 텍스트 밑줄 - text-decoration: underline( overline, line..
-
class & IdHTML&CSS 2022. 9. 26. 08:49
HTML 요소에게 '이름'을 주는 방법은 두 가지가 있습니당 1. 클래스 (class) - 클래스는 ( . ) 2. 아이디 (id) - 아이디는 ( # ) // 클래스를 2개 주고 싶으면 한 칸 띠고! 쓰면 된당 heading1 heading2 첫번째 두번째 세번째 네번째 # 실습 - 1 남자가 부르는 부분은 파란색(blue) 여자가 부르는 부분은 핑크색(hotpink) 남녀가 같이 부르는 부분은 연두색(lime) 사랑보다 깊은 상처 임재범, 박정현 오랫동안 기다려왔어 내가 원한 너였기에 슬픔을 감추며 널 보내줬었지 날 속여가면서 잡고 싶었는지 몰라 너의 눈물 속에 내 모습 아직까지 남아있어 추억을 버리긴 너무나 아쉬워 난 너를 기억해 이젠 말할게 그 오랜 기다림 너 떠나고 너의 미소 볼 수 없지만 항상..
-
링크 & 이미지HTML&CSS 2022. 9. 23. 09:12
링크 # 폴더구조 index.html indexPage 인덱스페이지 page1로가기 page2로가기 page3로가기 page1.html page1 페이지1 page2로가기 page3로가기 indexPage로가기 page2.html page2 페이지2 page3로가기 page1로가기 index페이지로가기 page3.html page3 페이지3 page2로가기 page1로가기 index페이지로가기 이미지 # 폴더구조 사이즈 설정 1. 픽셀(px) 2. 퍼센트(%) # 실습 우지호당 I love the every song released by ZICO He is so cool wanted to know more about him?! click me!