CSS 관련 (in head)
내부 : <style type="text/css"></style>
외부 : <link rel="stylesheet" type="text/css" href="~.css"
인라인 : <원하는 속성 A><A style="";></A>
id : #~ {;}
class : (~).~ {;}
font-family : 폰트 지정
font-size/style/weight : 크기/기울기/굵기
// ex) h3 {
font-size: 10pt/30px/small;
font-weight: bold;
}
text-align : left/right/center/justify 문장 정렬
background-color/image : 배경 색상/이미지
background-attachment : 배경 스크롤 여부
background-size :
auto-기본값
cover-이미지로 완전히 덮이도록
contain-알맞게 배경 크기 조정 (지원 브라우저 한정)
//ex) body {
background-size: 100px 100px;
background-size: 50% 50%;
}
list-style-type : 글머리 기호
position :
static-기본값 (순서대로)
absolute-상위 요소 내 절대 위치
relative-직전 요소에 이어서 상대 위치
fixed-브라우저 화면 전체 내 절대위치 위치 값 지정
width/height : 크기 조정
//ex) #text {
width: 50%; height: 110px;
}
transition : 전환 효과
style atribute - CSS 효과 지정
duration : 시간값
//ex) #a {
transition: border 4s, background-color 8s;
}
예전에 메모장에 적어둔 거 백업2
'HTML' 카테고리의 다른 글
[JavaScript] 이것저것 (0) | 2023.11.20 |
---|