본문 바로가기

안드로이드 웹앱 콘테츠 개발자 양성(국비지원)/HTML+ CSS29

HTML+CSS (기초) html파일에 스타일을 css로 적용하기{외부,내부,이인라인} [짧음] 이번 예제에서는 스타일을 적용하는 3가지 방법을 짧게 알아볼 것이다. (외부, 내부, 인라인) 우선 내용이 있을 html파일을 만든다. 내용은 엄청 짧다. 텝 이름이 Test이고, 화면에 Hello world 글자가 보인다. 이제 여기에 스타일을 적용할 css파일을 만들자. 내용은 p요소에만 색을 파란색으로 적용하겠다. (p요소는 Hello world 임) 그리고 head 안에 link로 연결해주면 된다. 내부로 스타일을 적용할 수도 있다. css파일 없이 인라인으로도 적용이 가능하다. 글씨를 쓸때 그때 스타일을 주는 방식 [우선순위 제일 높음] 02_test.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 Test p{color: re.. 2019. 12. 5.
HTML+CSS (기초) style 적용, [내부, 외부 스타일 시트 적용] 처음에는 html문서에 style을 써서 컬러, 폰트를 적용하고, 나중에 css파일을 만들어서 적용을 할것이다. 이제 처음부터 차근차근 하나씩 적용하며 봐보자. 8가지 경우를 하나하나 살펴보겠다. 우선 기본 틀을 만들자. (주석은 딱히 안써도 됨. 혹시몰라 사진 밑에 복붙용 코드 있으니 따라해봐도 됨.) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 CSS 기초 /* 이 영역안에서는 css언어의 문법을 따라야 함. */ /* 이 영역에서는.. 2019. 12. 5.