찬란하게

[javascript]WEB2 정리2_ 본문

웹프로그래밍/FO_HTML 자바스크립트 CSS

[javascript]WEB2 정리2_

체리핫 2020. 8. 27. 15:34
웹브라우저 제어
1. CSS와 함께하기
  • style 속성 : 디자인 꾸미기
<h2 style='background-color:pink';>JavaScript</h2>

 

  • 선택자 : 무색 무취의 태그(기능無, 의미無), 어떠한 정보를 제어. 타겟팅!
    • <div> : 줄바꿈
    • <span> </span> : 줄바꿈 x
  1. <span style="font-weight:bold;">마음가짐 </span>: 쉬운 것이 가장 중요하다.
  • 1억개를 ↑처럼 바꾸고 싶다!
    • <class> : .클래스 이름 
    • id : #아이디 이름
    • class vs id : 클래스는 반, id는 학번 -> id는 한번만 등장해야함. 식별자. 정확하게 타겟팅! 예외처리
    • 클래스 위에 아이디가 얹어있다. 
  • 우선순위 : id 선택자 > class 선택자 > 태그 선택자
<!doctype html>
<html>
<head>
  <title>WEB1_html</title>
  <style media="screen">
    .title{
      font-weight: bold;
      color:blue;
    }
    #first{
      color:red;
    }
  </style>
</head>
<body>
  <strong>웹 개발 프로젝트</strong>
  지금은 html 공부중
  <br>
  <span id="first" class="title">1. 마음가짐</span> : 쉬운것이 굉장히 중요하다!!!
  <span class="title">2. 태그</span> : 150개 중에 26개 이상 알고 있으면 평균은 넘음... frequency of
  <p><span class="title">3. html paragraph tag</span> : 문단 태그
  </p>
  <h2 style="background-color:pink;">JavaScript</h2>

</body>
</html>
2. 자바스크립트

 

'웹프로그래밍 > FO_HTML 자바스크립트 CSS' 카테고리의 다른 글

[javascript]WEB2_정리  (0) 2020.08.26
[HTML]WEB1_ html이란?  (0) 2020.08.26
'웹프로그래밍/FO_HTML 자바스크립트 CSS' Related Articles more