CSS Basic [KOR]

css의 기초

1. css 적용방법

internal 방식

<head> 에다가 <style type="text/css"> 를 넣고 그 밑에 css를 적는다

external 방식

<head> 에다가 <link rel="stylesheet" type="text/css" href="폴더위치/css파일이름.css"> 를 적는다

2. css 예시

id에 css 적용하기

#id이름{
	background-color:yellow;
	color:red;
	font-size:20px;
}

class에 css 적용하기

.class이름{ 
	color:orange;
	font-family:돋움,궁서,serif,"Times New Roman"
}

tag들에게 css 적용하기

h1,strong{
	font-size:20px;
	font-family:궁서;
	color:red
}

table{
	width:70%;
	margin-bottom:10px;
}

tag속 tag에 css 적용하기

table tr td{
	padding: 5px 10px; 
	border-top:1px solid #ff0000;
	border-left:1px dashed #00f;
	border-right:2px dashed #00f;
}

동적 선택자들 css

input:focus{    /* input 에 입력값을 주려고 클릭을 했을때 */
	background-color:#aabbcc;
}
a:link{
	text-decoration:none;
}
a:visited{
	color:red;
}
a:active{    /* 링크를 클릭했을때 */
	color:cyan;
	font-size:24px;
}
a:hover{    /* 링크위에 마우스가 올려졌을때 */
	color:orange;
	font-size:50px;
}

Categories : Practice