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
- 객체지향프로그래밍
- javascript
- BOM
- 템플릿 문자열
- HTML5문서
- CSS 스타일
- section태그와 article태그의 차이점
- CSS Object Model
- Code States
- placeholder
- block 박스
- 프로그래머스
- 오블완
- GIT
- 코드스테이츠
- Til
- 시맨틱
- Scope
- history API
- 깃허브
- HTML요소
- CSS 박스모델
- overflow: hidden
- flex box
- 스코프
- 외계행성의 나이
- 티스토리챌린지
- github
- display와 visibility
- opacity
Archives
- Today
- Total
목록CSS 스타일 (1)
해말그미의 코딩공부

CSS 스타일을 적용할 수 있는 방법 인라인 스타일 - 같은 줄에서 스타일을 적용내부 스타일 시트 - 별도의 파일 없이 요소 내에 작성 외부 스타일 시트 - 태그를 이용해 style.css파일과 연결 시키는 것 선택자 id와 class(CSS 속성을 적용할 대상을 선택하는 방법 CSS selector) 단 하나의 요소에만 적용됨 class - .으로 선택, 동일한 값을 갖는 요소 많다. Font 굵기: font-weight 밑줄, 가로줄: text-decoration 자간: letter-spacing(글자 사이의 간격) word-spacing(단어 사이의 간격) 행간: line-height(줄 간격을 조절) CSS 박스모델 각가의 태그들의 웹페이지에 표시될 때 부피감을 얘기한다. 위와 같은 테두리는 박스..
Code states
2023. 2. 15. 15:22