티스토리 뷰

WEB/HTML&CSS

📌css

이지홍 2021. 10. 24. 04:00
반응형

👉 선택자 

  • 전체선택자 : * 
  • 태그요소 선택자 : 태그 이름을 식별자로 사용 ex) <h1>,<footer> 
  • 아이디선택자 : # 
  • 클래스 선택자 : . 

👉 텍스트 

컬러-color : #000000; 

정렬-text-align : center/left/right; 

줄간격-line-height : 200%; 

장식-text-decoration : line-through; 

👉 폰트스타일 

폰트종류 – font-family 

사이즈 - font-size : 20px; 

굵기 – font-weight : bold; 

*문서에 웹 폰트 적용하는 방법 

html에서 링크태그로 가져오기 

css에서 import하는 방식 

👉 링크/리스트스타일 

Color 

Background-color 

Text,font 속성 

여백 속성 

Display속성 

👉 가상 선택자 : 특정 상태에 스타일을 지정할 때 (ex) a : hover ) 

Link : 기본 상태 

Hover : 마우스 오버 상태 

Active : 마우스 클릭 상태 

Visited : 방문했던 링크 

Focus : 포커스를 가진 상태 

참고 : https://www.youtube.com/watch?v=OJsm1hdOZ5o&list=WL&index=3  

반응형

'WEB > HTML&CSS' 카테고리의 다른 글

깃허브 웹호스팅으로 포트폴리오 링크 연결하기  (0) 2022.03.15
📌 html  (0) 2021.10.24
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함