CSS
html 태그의 글자색 변경 , 정렬 방식 , 배경색 , 이미지 등 지정
사용의 편리성과 일괄성
Html 문서가 등장한 목적은 간단하고 빠르게 인터넷 상에 정보를 공유할 수 있는 문서를 만드는 것
겉모습은 CSS로 디자인
inline
-태그에 직접 스타일을 지정하는 방법
-하나의 태그에만 원하는 스타일 지정
-같은 스타일을 사용하는 태그가 많다면 스타일 코드를 작성하는 작업이 많아진다는 단점이 있음.
ex) 태그에 스타일 주기
<h2 style = "font-size:30px;" ></h2>
ex) css로 스타일 주기
<style>
h2 { font-size:30px; }
</style>
<link rel="stylesheet" type="text/css" href="css이름.css" >
<style type = "text/css"> @import url("css이름.css");
css 두개 작성 시 밑에꺼가 마지막으로 디자인 먹힘
- id와 class 스타일 주기
<style>
#logo {font-size:20px;}
.test {font-size:10px;}
</style>
<body>
<div id = "logo" >
테스트용1
</div>
<div class = "test" >
테스트용2
</div>
</body>
- 태그와 클래스 조합 : 태그.클래스명 -> 같은 클래스 이름 가지고 있는 애들끼리 같은 속성
클래스 조합 : ex)
<h2 class = "title bold blue"></h2>
css -> .title {} .bold {} .blue {}
'HTML & CSS & JAVASCRIPT' 카테고리의 다른 글
| JAVASCRIPT 예제_오른쪽마우스 막기, 스크롤 금지 (0) | 2019.06.20 |
|---|---|
| JAVASCRIPT 예제_바뀌는 이미지 (0) | 2019.06.20 |
| JAVASCRIPT 예제_현재 시간 출력(setInterval) (0) | 2019.06.20 |
| JAVASCRIPT (0) | 2019.06.20 |
| HTML (0) | 2019.06.20 |