🌏 WEB/📰 HTML

HTML 기초 - CSS

선택자 : { 와 } 사이에 정의한 스타일 규칙이 적용될 대상

외부 스타일 시트

여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와 사용

전체 선택자 : 모든 태그에 스타일을 적용한다.

*{ 속성선언; }

타입 선택자 : 지정한 태그에 스타일을 적용한다.

태그 { 속성선언; }

클래스 선택자 : 지정한 클래스에 스타일을 적용한다.

.클래스 이름 { 속성 선언; }

아이디 선택자 : 지정한 아이디에 스타일을 적용한다.

#아이디 { 속성 선언; }

속성 선택자 : 지정한 속성 또는 속성 값이 있는 태그에 스타일을 적용한다

[속성] { 속성선언; }

[속성=값] { 속성선언; }

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style>
	form {
		color:red;
		border:1px solid black;
	}
	.id {
		background-color : gray;
	}
	#pw{
		background-color : skyblue;
	}

</style>
</head>
<body>
	<h1>로그인 페이지</h1>
	<form action="login-page" method="get">
		ID : <input type="text" class="id" name="id"><br>
		PW : <input type="password" id="pw" name="pw"><br>
		<input type="submit" value="로그인">
	</form>

</body>
</html>

저작자표시 비영리 동일조건

'🌏 WEB > 📰 HTML' 카테고리의 다른 글

HTML 기초 - 세션 (0)	2022.06.15
HTML 기초 - 쿠키 (0)	2022.06.15
HTML 기초 - JSP (0)	2022.06.15
HTML 기초 - 로그인 창 (0)	2022.06.15
HTML 기초 (0)	2022.06.15

Contents

새소식

인기 검색어

HTML 기초 - CSS

'🌏 WEB > 📰 HTML' 카테고리의 다른 글

당신이 좋아할만한 콘텐츠

티스토리툴바