본문 바로가기

Full-Stack/CSS2

CSS CSS : html과 함께 웹 표준의 기본 개념이다텍스트나 이미지, 배경의 크기나 배치 방법 등의 요소를 이요하여 디자인을 담당Style : html 문서에서 자주 사용한는 글꼴이나 색상, 정렬, 각 요소의 배치 방법과 같이 문서의 겉모습을 결정짓는 것을 가리킨다반응형 웹 디자인 : 사용자가 PC로 접속하든, 모바일로 접속하든 웹 브라우저의 크기에 따라 화면 레이아웃을 자동으로 바꿔주는 방법웹 브라우저의 Web Developer라는 확장 기능을 사용하면 스타일 개념을 쉽게 익힐 수 있다Web Developer 확장 기능 설치하기- Web Developer를 사용해 사이트에서 스타일 비활성화하기* css 탭에 있는 Disable all styles 선택하기스타일 형식 알아보기Css 소스에서 한 줄이 하나의.. 2022. 9. 20.
CSS 태그 또 다른 아무내용 it것저것 HTML/CSS 개발자 이러고 저러고 생활중 아무내용 같은 태그를 서로 다르게 CSS로 표현하기 태그 HTML/CSS 개발자 이러고 저러고 생활중 CSS 파일로 들어가 태그를 꾸며보자 글자 크기를 키우는 작업을 햅겠다 글자 크기는 CSS에서 다음과 같이 표현한다 p { font-size: 30px; } it것저것 이러고 저러고 생활중 반갑습니다 이 부분을 구분하기 위해 class를 쓴다 class를 적용할 때 이름을 마음껏 적어도 상관없다 HTML/CSS 개발자 이러고 저러고 생활중 반갑습니다 반드시 class name은 큰 따옴표로 묶어줘야한다 큰 따옴표로 시작했으면 큰 따옴표로 마무리해야한다/ 작은 따옴표로 시작했으면 작은 따옴표로 마무리해야한다 p { font-si.. 2022. 8. 5.