잡동사니에도 사랑을

[21.09.15] exam08(01_css) - 본문

JAVA_EE/CSS

[21.09.15] exam08(01_css) -

luvforjunk 2021. 9. 15. 18:46
728x90
반응형

////////exam08

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<link rel="stylesheet href="../css/external.css">

<style type="text/css">

p{

        color: mediumseagreen;

        font-size:12pt;

}

</style>

</head>

<body>

<h3>p 태그에 스타일 중첩</h3>

<hr>

<p>Hello, students!</p>

<p style="font-size: 25pt;">안녕하세요 뷔님!!</p>

</body>

</html>

 

<!--

* 스타일 시트가 중첩되었을 때 순위

- 1순위 : 태그 안의 스타일 시트

- 2순위 : <style> 태그

- 3순위 : 파일 스타일 시트

 

font-size를 pt로 주기도 하고 em 방식을 사용하기도 한다.

em 방식은 현재 글자 크기에서 몇 배의 크기로 해라 하는 뜻이다.

만일 font-size: 1.4em 라고 하면 1.4배의 크기로 만들어라 하는 뜻이다.

 -->

 

////////external.css

 

@charset "UTF-8";

p{

        background: mistyrose;

}

 

 

728x90
반응형

'JAVA_EE > CSS' 카테고리의 다른 글

[21.09.15] pratice02(css) -  (0) 2021.09.15
[21.09.15] pratice01(css) -  (0) 2021.09.15
[21.09.15] exam07(01_css) -  (0) 2021.09.15
[21.09.15] exam06(01_css) -  (0) 2021.09.15
[21.09.15] exam05(01_css) -  (0) 2021.09.15
'JAVA_EE/CSS' Related Articles more