반응형 css6 CSS 스타일 텍스트 속성 정리 ㆍ글자 색상 color : 값; 값 = 색상의 RGB표기/ 색상코드/ 영어표기 ㆍ글자크기 font-size : 값; 값 = px / em / rem / % ㆍ글꼴 font-family : 값; 값 = 글꼴이름, serif 모양 ㆍ글자 굵기 font-weight : 값; 값 = 1-900 숫자 / light / regular / bold ㆍ행간(줄 높이) line-height : 값; 값 = 쓰는 글자크기의 상대적값 (단위X 숫자로 기재) ㆍ텍스트 꾸미기 text-decoration : 값; 값 = none / underline / line-through 2023. 3. 1. CSS 기본 규칙 ㆍCSS 기본 선택자는 스타일을 적용할 요소를 선택하고, { } 안의 속성에 값만큼 적용 된다. 선택자 { 속성:값; 속성:값; } ㆍ선택자 종류 tag / id / class / 기타 - tag ... - id 태그에 아이디 설정 : ... CSS선택사 자용: #name - class 태그에 클래스 설정 : ... ... CSS선택사 자용: .name ㆍ색상선택 : w3schools color picker 참고 빛의 3원색 RGB 사용 R(red - 빨강) : 1~255 G(green - 초록) : 1~255 B(blue - 파랑) : 1~255 A(alpha - 불투명도) : 0~1 사이 소수점 색상코드 : #ffffff (16진수로 표기, 두자리씩 레드,초록,파랑) RGB표기 : RGBA(빨강,초록.. 2023. 2. 28. HTML 문서에 CSS 스타일 적용하기 1. 인라인 ... 태그안에 바로 적용할 수 있으나, 한 요소에만 적용가능 여러 요소에 적용하려면 각각 작성해야함. 2. 태그 안에..이용하기 선택자를 이용하여 태그안에 작성해서 요소 스타일 입히기 3. 외부스타일시트 css파일을 따로 생성해서 작성 후 태그 안에 활용하여 연결하기 1번은 바로 요소에 스타일을 적용하면 되며, 2-3번의 경우 선택자를 활용하여 요소에 스타일을 연결할 수 있다. 2023. 2. 28. HTML & CSS 참고 사이트 WHATWG (바로가기) Mozilla(MDN) (바로가기) W3schools (바로가기) W3c (바로가기) 2023. 2. 27. HTML 태그에 인라인 스타일 적용하기 style="속성:값" ㆍHTML태그에 스타일 속성 적용하기 ... ㆍHTML태그에 스타일 속성 적용하기(다중) ... ㆍ속성 color: 글자색 ackground-color: 배경색 font-family: 글꼴,글꼴 ( serif-삐침 / sans-serif-안삐침 ) font-size: 글자크기 font-weight: 글자두께(100~900) width: 가로사이즈 height: 세로사이즈 padding: 안쪽여백 ( 전체 / 세로 가로 / 위 우 아래 좌 )margin: 바깥여백 ( 전체 / 세로 가로 / 위 우 아래 좌 / 0 auto ) ※ auto는 mirgin의 가로에서만 해당 2023. 2. 25. 코드편집기 - 비주얼 스튜디오 코드 코딩을 하는사람이라면 한번쯤은 들어봤을법한 코드편집기 비주얼 스튜디오 코드 (Visual Studio code)는 마이크로 소프트사에서 개발한 소스 코드 편집기이다. 인터페이스나 환경등을 보았을때 개인적으로 나에게 제일 잘맞는 코드 편집기인것같다. 비주얼 스튜디오 코드는 무료로 제공 되고있어 위 홈페이지에서 다운로드를 하여 사용할수있다. 2021. 7. 21. 이전 1 다음 반응형
