WEB/CSS (4) 썸네일형 리스트형 [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습_미디어쿼리)_(4) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. 그리고 이전에 CSS를 적용시키는 실습 예제 같은 경우에는 밑의 링크의 글에 게시되어있다. 2020/01/16 - [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부.. [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(3) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. 그리고 이전에 CSS를 적용시키는 실습 예제 같은 경우에는 밑의 링크의 글에 게시되어있다. 2020/01/16 - [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부.. [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. HTML ( CSS에 대한 페이지 ) 디자인 태그의 아래쪽 테두리 만들기 ... 생략 ... h1 { font-size: 45px; text-align: center; border-bottom: 1px solid gray; } ... 생략 ... 위의 출력 화면을 보게 되면 위쪽 공간은 넓고, 아래쪽 공간은 좁다. 이를 해결하기 위.. [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(style, color, text-decoration, class, id, border, padding, margin)_(1) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. ... 생략 ... 태그의 밑줄 없애기, 제목 가운데 정렬 및 글자 크기 키우기 ... 생략 ... ... 생략 ... 태그를 걸면 해당 글자에 밑줄이 쳐져 있는데 이를 없애기 위해서는 'text-decoration: none;' CSS 코드를 추가해주면 된다. 글자의 정렬은 text-align을 사용하면 된다. 현재 머물고 있는 .. 이전 1 다음
