HTML

[CSS] 이것저것

MASSO 2023. 11. 22. 17:02
728x90

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

728x90

'HTML' 카테고리의 다른 글

[JavaScript] 이것저것  (0) 2023.11.20