html/css 합치기

devMarco·2022년 2월 9일
0

CSS(Cascading Style Sheet)

title태그 아래에 link 태그로 css파일 연결
<link href="css파일경로" rel="stylesheet" >
같은 폴더안라면 파일이름만 입력 다른 폴더라면 css/css/css/index.css
/를 사용하여 연결

class selector name{ font-size : 15px; }
css파일안에서 작명은 항상.을 찍고 중복되는 이름은 없도록 한다
작명방법은 .name{style ;} 연결방법은 class="name"

tag selector h1{ font-size : 15px; }
태그들의 기본스타일은
css파일안에서 class의 작명과 다르게 태그명을 입력한다
같은 태그들의 기본스타일을 할 때 사용 된다.
tag{style ;} 같은 태그들이 전부 적용된다.

id selector #name{ font-size : 15px; }
연결방법은 html창에서 id="name" 입력을 한다
css에서는 잘 사용하지 않는다.

한 태그에 모든 selector를 동시 입력시에 먼저 적용이 되어지는
우선 순위가 있다.
id selector > class selctor > tag seloctor
의 순서이다.
더 먼저 적용 되는 속성은 style="" 태그이다.

0개의 댓글