프론트엔드(Front-End)/HTML&CSS&JavaScript (4) 썸네일형 리스트형 [CSS] CSS 기초 - CSS의 속성과 플렉스 박스(Flex box) 개요 오늘은 지난 포스팅에 이어서 CSS의 다양한 스타일 속성들에 대해서 알아보도록 하겠습니다. Font 속성 글자 하나하나에 대한 설정 font-family : 글꼴 font-size : 글자 사이즈 font-style : 글자 기울임, bold 등, 일반 등 font-variant : small-caps 속성 (주로 영어에서 소문자→ 대문자로) font-weight : 글자 두께 font : Font 속성 축약 버전(글꼴, 사이즈, 기울임 등을 한번에) .font{ font-family: "Times New Roman", monospace; /*폰트 명이 공백이 있을 때는 쌍따옴표로 묶어줌*/ font-style: normal; font-weight: 100; font-variant : small-c.. [CSS] CSS 기초 - CSS와 선택자(Selector) WHAT’S CSS? `HTML` 문서에 스타일 속성을 부여하는 데 전문성을 지닌 스크립트 언어 CSS의 적용 방법 `CSS`를 `HTML`에 적용하는 데에는 크게 세 가지 방법이 있습니다. 인라인 스타일 속성 : `텍스트` html 내에서 스타일 속성 : `HTML`의 ` CSS Tutorial CSS is a language that describes the style of an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced. CSS 선택자의 우선순위 정리 쉼표는 우선 순위가 동등하다는 것을 의미합니다. 이렇게 우선순위를 따졌는.. [HTML] HTML 기초 - HTML의 다양한 요소(Element)와 공간 분할 요소 개요 오늘은 지난 포스팅에 이어서 HTML의 다양한 요소(Element)와 공간 분할 요소에 대해서 알아보도록 하겠습니다. 목록형 Tag(ul, li 등) 목록 태그는 반드시 하나 이상의 하위 tag를 포함합니다. tag명 설명 번호 없는 목록 번호 있는 목록, 숫자(1), 영문소문자(a), 영문대문자(A), 로마숫자(i), 로마숫자 대문자(I)로 표시, start로 오름차순, reversed로 내림차순 목록 항목 이나, tag 하위에서 사용함. 용어 정의와 설명에 대한 내용을 목록화 해서 표시 용어 목록의 정의 부분을 나타냄 용어 목록의 설명 부분을 나타냄. 테이블 태그(Table Tag) 강좌리스트 이름가격 안녕 자두야15000 아프니까 청포도다23000 합계38000 셀의 병합(for Table T.. [HTML] HTML 기초 - HTML, 웹(Web), 요소(Element), 속성(Attribute) WHAT’s HTML? Hyper Text Markup Language의 약자 2014년 이전에는 수많은 경쟁 업체들이 각자 다른 웹 규격을 사용했고, 그로 인해 소비자가 어떤 브라우저를 사용하느냐에 따라 결과나 보이는 결과가 달라서 혼선을 빚었습니다. 그러나 W3C(World Wide Web Consortium)에서 어떤 브라우저를 사용하더라도 사용자가 같은 웹 문서를 볼 수 있게 하도록 웹 표준인 HTML5를 만들었고, 이것이 오늘까지 이어지고 있습니다. 웹 서핑을 한다는 것은…. 우리가 웹 서핑을 한다는 것은 그것을 가능하게 하는 데 필요한 수많은 과정을 축약한 채 말하는 것입니다. 클라이언트, 일반적으로 사용자(User)라고 부르는 사람이 웹브라우저를 통해 특정 주소로 이동을 한다는 것은 클라이언.. 이전 1 다음
