본문 바로가기

CSS12

스타일과 스타일 시트, 주요 선택자 내부 스타일 시트 웹 문서 안에서 바로 스타일을 사용할 예정이라면, 사이에 태그를 만들어 그 안에 작성한다. 외부 스타일 시트 .css 라는 파일 확장자를 사용하여 외부에 별도 파일을 만든다. 웹 문서 안에서는 사이에 아래와 같이 link 태그를 사용하여 css 파일을 연결해 준다. 인라인 스타일 해당 태그에 style="속성:속성값;" 형태로 바로 입력이 가능하다. 주요 선택자 전체선택자 : *{속성:속성값; 속성:속성값; ...} → 모든 요소에 스타일 적용 태그선택자 : 태그{스타일} → 특정 태그를 사용한 요소에 스타일 적용 p{font-size:24px; font-family:굴림;} 클래스선택자 : .클래스명{스타일} → 특정 클래스에 스타일 적용 아이디선택자 : #아이디명{스타일} → 특정 .. 2020. 8. 25.
CSS 기초 - style 태그, 선택자 Style 속성을 이용해서 CSS 사용하기 html의 문법 style=" ~속성(property)~ " 자바스크립트 Style 태그를 이용해서 CSS 사용하기 : 어떤 의미도 기능도 없는 태그, css/자바스크립트 등으로 제어하고 싶을 때 감싸줌, 한줄 전체를 쓰는 태그이므로 자동으로 줄바꿈이 됨 → 줄바꿈이 되지 않는 태그가 필요하다면 을 쓰자! 해이나는 공부를 하는 중이다. 해이나는 공부를 하는 중이다. → 이 웹페이지에 있는 태그 이름이 js라면 폰트를 굵게, 색상을 빨간색으로 바꾼다. → 만약 이 글에서 해이나가 1억번 반복되더라도 상단의 선택자를 통해 한 번에 수정할 수 있다. CSS 선택자 해이나는 공부를 하는 중이다. → 클래스 앞에는 마침표(.)를 붙이고 아이디 앞에는 샾(#)을 붙인다. .. 2020. 5. 31.