css
헤더에서 메타태그, 타이틀등 SEO관련된 내용 아래단에
보통 CSS를 위치시킴.
스타일 통해서 지칭하여 설정할 수 있음.
style>
.mytitle{
color: red;
font-size: 40px;
}
</style>h1 class="mytitle"> 로그인 페이지
요걸로 처리
클래스 부를떄는 스타일에서 .을 써주기
뭔가를 외워서 할 생각하지말고
맥락&사용법을 눈에 익히는게 좋아보임.
무언가 마쳤을때 ; 써주기
tab은 자동완성 기능도 있음
이미지는 3줄이 같이감
background-image: url("https://www.ancient- origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
background-size: cover;
여기서 커버는 알맞게 조절인 듯. 세부적인건 더 찾아봐야 될 듯
background-positon: center;
이미지 주소 / 이미지 사이즈 / 이미지 포지션(이미지를 영역내 어디에 위치시키는지 인 듯)
border-radius: 10px;
모서리를 둥글게 ~~
여백은 안/밖으로 설정가능함.
padding: 20px;
안쪽으로 20px
margin: 20px 0px 0px 30px;
일괄적으로 가능
아래처럼 하나하나 처리도 가능함.
margin-top
margin-left
display: block;
박스형태로 바꾸기
클래스는 중첩이 가능하다.
class="abcd dfdfd dfdfdf" 등으로 여러개 가능
https://fonts.google.com/?subset=korean
위는 구글 웹폰트 / 셀렉폰트 누르고
폰트 링크는 타이틀 바로 밑에 그대로 기재
link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet"
스타일 내 모든 태그에 적용시킬때에는
- 을 사용함
스타일 시트는 따로 분리해서 사용할 수 있음.
예를들면 아래처럼
link rel="stylesheet" type="text/css" href = "(css파일이름).css"
