오늘은 css에 대해서 다시 한번 공부하겠습니다.
html에 css를 적용하는 방식인 2가지로 구분됩니다.
첫째 CSS tag를 이용하는 방식과 둘째 속성을 이용하는 방식
자 여기서 CSS tag를 이용하는 방식에 대해 자세히 알아보겠습니다.
<style>
a{color:black;
text-decoration:none;
}
</style>
이것은 CSS Tag를 이용하는 방식이다
이는 크게 <style> </style>방식으로 표현될 수 있다.
여기서 a는 선택자 selector
color는 property
red는 value
그리고 property 와 value를 합한 color:red;를 declaration이라고 한다.
이 용어를 잘 알아둬야 구글링을 할 때 원하는 코딩을 잘 찾을 수 잇다.
예를 들어 내가 원하는 웹브라우저에 글씨를 크게 하고 싶은데 어떻게 하는지 모른다면
구글링으로 CSS Font Size라고 쳐 보면 된다
혹은 가운데 정렬을 모른다 CSS font center 이렇게 검색해본다
그러면 대충
<style>
h1{
font-size:60px;
text-align:center;
}
</style>
여기서 alingn은 정렬이란 뜻으로
가운데 정렬을 표현하고 싶으면 text-align:center;
오른쪽 정렬을 표현하고 싶으면 text-align:right;
왼쪽 정렬을 표현하고 싶으면 text-align:left;
오늘은 여기까지 하겠습니다.
'코딩 공부' 카테고리의 다른 글
css 박스 모델 (0) | 2020.07.07 |
---|---|
CSS - 선택자 (0) | 2020.07.04 |
HTML 과 CSS (0) | 2020.07.02 |
HTML 레이아웃 Layout (0) | 2020.07.01 |
HTML LIST <ul>, <ol> , <li> (0) | 2020.06.30 |
댓글