[STUDY] 231011~231012 | CSS | 생활코딩

💻 생활코딩>WEB2-CSS(2~7강)

📌 CSS 언어가 도입된 이유(배경)

1. HTML이 정보에 전념하게 하기 위해 HTML에서 디자인 기능을 빼온 것
2. HTM과 비교했을 때 CSS를 통한 웹디자인이 훨씬 효율적

📌 CSS 사용 / 태그

• <style></style> : CSS의 문법으로 적용함 / 태그
  • ex: a{color:red;} ➡️ 모든 a태그의 글자를 빨간색으로 표시함 ➡️ 하나를 바꾸면 모든 것이 바뀌는 효과 ⭐️중복의 제거⭐️
• style="" "" = HTML의 속성
• text=decoration:none; : 텍스트 장식 x ⭐️효과가 끝나면 꼭 세미콜론으로 구분
• selector a{ ➡️ sdlector=선택자
  decoration color:red; ➡️ decoration=선언, 효과 / color=속성(property) / :red=속성값(property value)
• class="saw" : class=그룹명, 하나로 묶음
• .saw{ : 이 웹페이지에 있는 모든 class가 saw인 태그를 가리키는 선택자가 됨
• ⭐️보다 가까이 있는 명령이 더 큰 영향력을 가짐(순서) ➡️ 우선순위 높은 명령 사용 필요
• ⭐️ID 선택자>class 선택자>태그 선택자 ➡️ 구체적인 것이 포괄적인 것보다 우선순위가 높음(*ID값은 단 한 번만 등장해야 함. 중복x)

🍀 회고

• 웹디자인을 더 효율적으로 풍성하게 만들기 위해 CSS가 사용되는 것을 알았다. 실습을 해보니까 훨씬 효율적이고 빠르게 적용되는데 아직 미숙해서 오류가 났다ㅠㅠ 좀 더 숙달해서 홈페이지 디자인을 개선해봐야겠다.