선택자
<head>
<style>
(태그선택자)
a {
color:black: ##a로 묶인 모든글의 색을 바꿈
text-decoration: none: ##a로 묶인 모든글의 데코를 지움
}
(id선택자)
#active{
color:red; ##id active로 묶인글의 색을 바꿈
}
(class선택자)
.saw{
color:gray; ##class saw로 묶인 글의 색을 바꿈
}
</style>
</head>
<body>
<a class="saw">안녕</a>
<a class="saw" id="active">HELLO</a>
<body>
id가 saw의 상위
위의 HELLO는 id의 상위로 인해 글자색은 빨간색이됨
class는 여러번 사용해도 되나 id는 한번만 써야함
------------------------------------------------------------
글자크기 font-size: 45px;
가운데정렬 text-align: center;
글자 색 color:red;
글자 굵기 font-weight: bold , lighter;
글자 기울이기 font-style: italic;
밑줄 border-bottom: 1px solid black;
테두리
border-width:1px;
border-color:black; ----> border:5px solid black; 로 치환가능
border-style:solid;
테두리와 글자사이 간격
padding:20px;
테두리와 테두리사이 간격
margin:20px;
테두리 폭
width:100px;
block : 화면 전체 테두리
inline : 글자만 감싸는 테두리
'Language Syntax' 카테고리의 다른 글
| Html (0) | 2022.01.19 |
|---|---|
| Numpy (0) | 2022.01.19 |
| 파이썬 (Python) (0) | 2022.01.19 |