Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 리액트
- react
- 변수
- Inline
- 멋쟁이사자처럼
- LIKELION
- STYLE
- HTML
- 프론트엔드스쿨
- display
- 선택자
- Project
- false
- object
- array
- position
- block
- javascript
- 선언
- API
- Absolute
- True
- 조건문
- CSS
- http
- ubuntu
- terminal
- boolean
- function
- js
Archives
- Today
- Total
Jeden Tag, aufrichtig und lustig.
css 2. 선택자와 속성 본문
스타일 태그 및 속성
1. 태그
<style>
a {
color : blue ;
}
</style>
2. 속성
<a href="0.html" style="color : red"> css </a>
선택자와 속성
<style>
a {
color : blue ;
text-decoration : none ;
}
</style>
선택자(selector)
: a
선언-효과(declaration)
1. 속성(property)
: color, text-decoration
2. 값(value)
: blue, none
선언-효과를 구분하는 역할
-> ;
css속성 알아내는 방법 ?
Googling!
ex. css font size property
h1 {
font-size : 45px ;
font-align : center ;
font-family : Palatino, Serif ;
}
serif : fallback font (앞 폰트가 안나올때를 대비한 대체재 폰트, 모든 브라우저에서 지원하는 폰트다.)
font-family : 폰트 스타일을 지정하는 속성이다.
** "Times New Roman"과 같이 폰트 이름에 띄어쓰기가 되어있으면 " "(쌍따옴표)를 사용해야 한다.
'CSS' 카테고리의 다른 글
css 6. <div> (0) | 2022.03.26 |
---|---|
css 5. box model (0) | 2022.03.25 |
css 4. block level / inline / inline-block (0) | 2022.03.25 |
css 3. 선택자 종류 (0) | 2022.03.24 |
css 1. style태그 (0) | 2022.03.24 |