안녕하세요 동기 여러분! 오늘은 CSS 파일에서 스타일을 작성하는 방법에 대해 알아 봅시다. (다 아는거라 그냥 빨리 ㄱㄱ) External Stylesheet h1 { color: red; } 링크가 되어 있는 파일이름.css에 위 방식으로 적으면 끝납니다... ..허허허 제가 배우고 있는 모든 내용은 CODECADEMY의 내용으로 저는 복습을 하고 있는 학생입니다. 링크 : https://www.codecademy.com/ Learn to Code - for Free | Codecademy Learn the technical skills to get the job you want. Join over 50 million people choosing Codecademy to start a new care..
안녕하세요 동기 여러분! 오늘은 CSS의 생김새에 뜯어 보도록 합시다! CSS Anatomy Selector/opening tag p { color: green; } 위의 CSS 코드를 HTML에 바로 쓰게 되면 가는 말이 고우면 얕본다! 위와 같이 쓸 수 있습니다. 여기서 p는 selector이고 이 opening tag입니다. Selector : 스타일을 할 요소의 이름입니다. p와 h1같이 정해져 있는 태그들은 CSS 코드에서 p {}나 h1 {}와 같은 방법으로 작성을 하지만 id값은 #id값 class값은 .class값으로 작성합니다. 아래의 코드에 예시가 있습니다. Opening tag : 시작 태그 애~뽀올 어흥 #apple { color: red; } .bear { color: brown;..
안녕하세요 동기 여러분! 오늘은 점보트론에 대해 알아보도록 합시다! The Jumbotron 많은 웹 사이트들이 중요한 정보를 적어놓은 쇼케이스를 메뉴 밑에다가 두는 경우가 많은데요, 이걸 부트스트랩에서 적용을 하려면 점보트론이 필요합니다. 그럼 하나씩 만들어 봅시다. 디아블로 2 레저렉션 패치 노트 클래스 아이템 토론장 어제의 코드에 이어서 바로 밑에 -> 부트스트랩에서 container은 기본적으로 반응형입니다. -> 그리드를 알아볼 때 안에 자식 태그들을 적고 12개의 columns 나누어 주는 작업을 했습니다. 여기서 row는 있으나 없으나 크게 차이가 없습니다. text-center는 부트스트랩에서 글씨를 중앙으로 정렬해주는 역할을 수행합니다. 은 부트스트랩에서 버튼을 만들어주는 역할을 합니다...
건강하세요 동기 여러분! 오늘은 어제 알아본 그리드를 토대로 간단한 웹 페이지 헤더를 만들어 보도록 합시다. Header/Navigation 디아블로 2 레저렉션 패치 노트 클래스 아이템 토론장 태그를 이용해 메뉴를 만들어 주는데 크기는 md로 768px 이상으로 주고 (모바일 환경 이상 사이즈) column의 수는 8개를 주었습니다. 에 4개를 주었으니 딱 12개가 맞아떨어집니다. 태그를 이용해서 네 가지의 메뉴를 넣어 주었습니다. 실행 한번 해볼까요? 뭔가 제가 원하는 모습이 아닌데요... main2.css로 들어가서 CSS를 조정하여 깔끔하게 꾸며 봅시다. 첫 번째로 추가할 CSS 코드 body { font-family: "나눔바른고딕", "Times New Roman", serif; font-we..
- Total
- Today
- Yesterday
- html table
- 메서드
- javascript
- 반복문
- 프로그래머스
- 파이썬
- padding
- 자바스크립트
- 함수
- method
- Type
- CSS 포지션
- Python
- CSS
- 타입 좁히기
- 타입스크립트
- HTML 기본
- Margin
- 객체
- Typescript
- if문
- 동기코딩
- html
- function
- 실수
- css position
- for문
- Array
- Object
- em
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |