style 우선 순위
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1#id { color: gold;} /* 우선 순위 높음 왠만하면 사용 X */
#id { color: green;} /* 우선 순위 높음 왠만하면 사용 X */
.cls { color: red;}
h2 { color: yellow; /* !important : 적으면 다 이겨먹음 사용 X */ font-family: 'Koverwatch', 궁서;}
* { color: blue;}
body div[data-v-6f729570].app a{
color: yellow;
}
</style>
</head>
<body>
<h2 class="cls" id = "id" style="color: black;">문단 텍스트</h2>
<h1 id="id">문단 텍스트</h1>
<h2 class="cls" id = "id">문단 텍스트</h2>
<h2 class="cls">문단 텍스트</h2>
<h2>문단 텍스트</h2>
</body>
</html>Koverwatch 개꿀...
오오옹 콘솔창 가지고 놀기!
저명한 엔진
게코(Gecko) : 모질라 제단(비영리)에서 만든 레이아웃 엔진
KHTML : KDE(다국적 자유 소프트웨어)
웹키트(Webkit) : 게코 + KHTML 사파리 탑재
블링크(Blink) : 웹키트에서 파생된 레이아웃 엔진 크롬, 오페라 등이 탑재
프레스토(Presto) : 오페라가 쓰다가 버렸으 > 블링크로 넘어갔으
트라이던트(Trident) : 마이크로소프트 전용 레이아웃 엔진 ㅋ
브라우저마다 점수!!!!
'자바 풀스택 공부' 카테고리의 다른 글
| Day 29. text-shadow, white-space 공백 처리하기, margin, text-indent 텍스트 들여쓰기 (0) | 2022.02.12 |
|---|---|
| Day 28. Css 그라데이션 (0) | 2022.02.12 |
| Day 26. (0) | 2022.02.08 |
| Day 25. (0) | 2022.02.07 |
| Day 24. (0) | 2022.02.04 |
댓글