본문 바로가기
728x90
반응형

css 개념3

CSS 개념 및 CSS 문법 (width, padding, margin) 사용방법 - CSS : html 에서 작성한 내용을 꾸며주기 위한 용도 (글자나 이미지의 크기, 색깔, 정렬 등등) html 파일에 body 부분에서 보통 작성을 하면 head 부분에서 구간에서 body 부분에서 선언한 클래스명이나 id 명을 선언하면서 꾸며주는 역할을 한다. 글씨색깔, 크기, 굵기, 기울기, 강조 등등 여러가지 스타일을 줄 수 있습니다. 별도로 css 파일을 만들고 해당 css 를 참조하기도 합니다. ( 예시 : ) - CSS 사용 방법 부분에서 나 등 작성한 내용들에 각각 css 꾸며주기 위해 Hello test1 test2 test3 2> Box 관련 CSS 문법 : width, height, padding, margin 등 - width 는 50% 같이 % 사용 가능 : 전체 크기 중에 해.. 2020. 12. 25.
CSS 파일에서 class, id, div 태그, link 태그 사용 방법 안녕하세요~! CSS 파일에서 style을 주는 과정에서 class, id, div 태그, link 태그 사용 방법들이 있습니다. 기본적인 HTML 코드의 요소 선언 방법으로 html body 영역에서 추가한 요소들을 css 영역에서 style을 적용할 때 원하는 요소들에게 style을 적용시켜주기 위해 class, id를 선언해주거나 div 태그 등으로 그룹을 줘서 알맞게 style을 적용시켜줄 수 있습니다. 1> 클래스 (Class) - body 에서 선언할 때 class 명을 주고, 에 있는 클래스 A 선언 클래스 B 선언 2> 아이디 (id) - body 에서 선언할 때 id를 주고, 에 있는 클래스 A 선언 클래스 B 선언 클래스 C 선언 클래스 D 선언 3> div 태그 - body에서 각각 .. 2020. 4. 20.
HTML 태그, CSS <style> 사용 방법 안녕하세요~! HTML 파일에서 사용하는 여러가지 태그(tag)와 CSS 파일에서 꾸며주기 위한 --> 웹브라우저에게 HTML 버전 알려주는 역할 CSS ManChester Barcelona Munchen 2> CSS - 글 정렬 : text-align - 여백 : margin h1 - Test h2 - Second Test h3 - ThirdTest 3> 박스모델 border : 1px blue solid; 4> 라이브러리 중복으로 반복 사용하는 로직을 모듈화 시킨 것 아래는 기본적인 html 태그와 CSS 개념 참고하시기 바랍니다.!! [Web] 웹 어플리케이션, HTML 정리 (a 태그, ul 태그) [Web] 웹 어플리케이션, HTML 정리 (a 태그, ul 태그) * WEB 개념 정리 - 클라이.. 2020. 3. 30.
728x90
300x250