CSS 설계 가이드_CSS
2021. 12. 14. 17:05ㆍksmart_html_css_js/css
728x90
CSS란?
-html 구조, css 외형, javascript 동작담당
-캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)
-크기, 정렬, 색상, 배치 등 적용
적용방법
-구문 : 스타일속성명 : 스타일값;
-각 태그들의 style속성에 적용
-ex) style="color:red;"
-style 그안에 선택자를 활용해서 적용
ex) input{color:red;}
-외부 파일을 읽어들여 적용
<span style="color: red; font-size:20px;">한국스마트 정보교육원</span>
Style 태그 내에 선택자 활용 적용
<style> div{color:blue;font-size:30px;width:20px;background-color:yellow;} </style> <div>안녕하세요.</div>
css 파일 만들기
WebContent 오른쪽마우스클릭 -> New -> Other -> Web -> CSS File ->main.css 생성
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 선택자</title>
<link href="main.css" rel="stylesheet"/>
</head>
<body>
<div>퇴근이 코 앞이다. 신난다.</div>
<div>오늘 저녁 뭐 먹지?</div>
</body>
</html>@charset "UTF-8";
div{color:blue; font-size:30px;}
728x90
'ksmart_html_css_js > css' 카테고리의 다른 글
| CSS 속성 종류 4_CSS (0) | 2021.12.15 |
|---|---|
| CSS 속성종류 3_CSS (0) | 2021.12.15 |
| CSS 속성 종류2_CSS (0) | 2021.12.15 |
| CSS 속성 종류_CSS (0) | 2021.12.15 |
| 선택자_CSS (0) | 2021.12.14 |