Frontend (38) 썸네일형 리스트형 [CSS] selector 중복되는 코드를 지우기 위해서 같은 그룹으로 묶는다. -> class라는 html의 속성을 준다. class 값이 saw인 것을 가리킬 때는 .saw라고 작성한다. class에는 여러 개의 값이 들어올 수 있으며 띄어쓰기로 구분한다. 하나의 태그에는 여러 개의 속성이 들어올 수 있으며 여러 개의 선택자를 통하여 하나의 태그를 제어할 수 있다. 하나의 태그가 두 개의 class를 가지면 순서에 영향을 미친다. 태그와 가까운 곳의 class 일수록 우선순위가 높다. class 앞에 #을 붙이면 .보다 우선순위가 높아진다. id는 중복되면 안 된다. #active > .saw > a (id > class > tag) #active { color:red; } .saw { color:gray; } a { colo.. [HTML] 속성 style="color:red" : 글자 색상을 빨간색으로 변경 [CSS] 문법 웹 페이지 안에다가 CSS를 삽입하는 방법 1. style 태그를 사용한다. 2. style 속성을 사용한다. 1. : 중괄호 안의 문법이 css. 글자 색상을 파란색으로 변경. 효과를 지정한 뒤에는 ;를 붙인다. 2. style="color:red" : 글자 색상을 빨간색으로 변경 [HTML] <!doctype html> 모든 HTML 문서는 선언으로 시작해야 한다. 다시 말하자면 태그를 정의하기 전에 가장 먼저 선언되어야 한다는 것이다. 선언은 HTML 태그가 아니며 대/소문자를 구분하지 않는다. HTML5에서는 으로 작성하면 된다. 이는 선언된 페이지의 HTML 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하며 자신이 작성한 html 코드가 어떠한 방식의 html 코드로 작성되었는지를 브라우저에게 알려준다. [HTML] TAG HTML TAG ... : html 문서의 시작과 끝을 나타내는 부모 태그 HEAD TAG : 문서의 정보를정의 META TAG ... 문서의 메타 데이터를 정의 브라우저 본문 상에는 실제적으로 나타나지 않는 문서에 대한 정보들을 담고 있음 에 작성하는 특수 태그 : HTML 문서 페이지가 어떤 언어로 제작된 것인지를 알려주는 속성. HTML5 문서에서는 생략 가능. : html의 인코딩을 알려주는 태그. 인코딩이란 컴퓨터가 문자를 처리할 수 있도록바이트(또는 비트) 형식으로 변환하는 것. 위 태그가 없으면 한글, 특수문자가 깨질 수 있음. HTML 문서에 한글이 포함되어 있으면 'EUC-KR'을, 한글 폰트 없이도 한글을 볼 수 있게 하려면 'UTF-8'을 사용. : 웹사이트 사용자에게 보이는 화면의 .. [HTML] img 1. 사용하고 있는 디렉토리에 사진을 저장한다. 2. 알아보기 쉽게 사진 명을 변경한다. 3. 이전 1 2 3 4 5 다음