일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 정보처리기사실기
- 머신러닝
- JSP/Servlet
- 요구사항확인
- 데이터시각화
- 데이터분석
- 선형회귀모델
- 코딩테스트
- 파이썬
- 선형분류모델
- 자바 실습
- 언리얼프로젝트
- 핵심프로젝트
- 자연수의성질
- C++
- pandas
- Orange
- 데이터입출력구현
- numpy/pandas
- 데이터베이스
- 텍스트마이닝
- 디버깅
- 자바
- 이수증
- c언어
- 정보처리기사필기
- 딥러닝
- 언리얼학습
- html/css
- 중학수학
- Today
- Total
목록html/css (68)
클라이언트/ 서버/ 엔지니어 " 게임 개발자"를 향한 매일의 공부일지
이제 단원을 정리하며 연습문제를 풀어보겠다. 연습문제는 2문제인데 아침에는 풀 시간이 없고 점심시간을 활용해 풀어볼 생각이다. 단원 한눈에 정리하기 연습문제 풀기 문제 1번 문제 풀어보기 이렇게 테두리 색상을 변경하였다. 처음에는 어떻게 푸는지 몰라서 정답을 조금 참고해보았다. 이미지의 첫번째 요소를 선택할 때는 :first-of-type이라고 지정해준다. 그리고 테두리를 바꿀 것이므로 color로 다음 줄에 쓰지 않고 바로 border 항목에 모두 써야 한다. 처음에는 이 부분을 잘못 써서 틀렸다. 문제 2번 문제 풀어보기 이제 잘 설정이 되었다. 생각보다 어려운 문제였는데 여러가지 참고하며 풀어보았다. 스스로 문제를 푼 건 아니므로 다음에 이 부분은 꼭 다시 복습..
보호되어 있는 글입니다.
아침에 자율학습 시간이 조금 있어서 새벽 공부 시간에 마무리하지 못한 단원을 학습하며 정리해보기로 했다. 시험이 있지만 시험 공부를 해봐야 별로 큰 도움은 될 것 같지 않아 원래 하던 공부를 진행하기로 했다. 1. 특정 속성이 있는 요소를 선택하는 [속성] 선택자속성값에 따라 원하는 요소를 선택할 수 있다. 이때 사용하는 것이 [속성] 선택자인데, 대괄호 사이에 원하는 속성을 입력하면 된다. a [href] {......} 요소 중에서 링크가 있는 요소만 스타일 적용하기 다음은 a 요소 5개 중에서 href 속성이 있는 요소를 찾아내어 배경색을 지정한 예제이다. href 속성에 스타일이 적용되었음을 볼 수 있다. 2. 특정 속성값이 있는 요소를 선택하는 [속성 = 속성값] 선택자주어진 속성과 속..
이제 새로운 단원 학습에 들어가본다. 이 단원까지만 학습하면 CSS 공부는 오늘로써 마치고 다음에 하려고 한다. 6일 동안 공부하느라 정말 애썼다. 2주 이상 놀다가 다시 공부하려니 많이 힘들었지만 말이다.어제 이 부분을 학습하려고 했는데 이상하게도 소스 파일이 없어서 난리만 치다가 하지 못했다. 근데 PC로 받은 것과 노트북으로 받은 파일이 너무나 달랐다. 노트북으로 받았을 때는 소스 파일이 없는 게 너무나 많았다. 뭔가 노트북에 문제가 있는 게 분명했다. 어제 하지 못했던 공부를 오늘까지 이어서 하기로 했다. 자바 학습과 함께.. 연결 선택자는 둘 이상의 선택자를 연결해서 스타일이 적용될 요소가 어느 부분인지 지정한다. 선택자를 둘 이상 조합하므로 '조합 선택자'라고도 하고 '콤비네이션 선택자', ..
오늘은 아침 시간에 자율학습이 있어서 새벽에 하다 만 공부를 이어서 하기로 했다. 오늘로써 HTML/CSS 공부 6일차이다. 수업 시간에 배운 것들도 함께 정리하니 시간이 많이 걸리지만 그래도 CSS도 절반 이상 학습했다. 오늘까지 고급 선택자 공부를 다 마치고 총 복습을 한 후 내일부터는 새로운 분야 학습에 들어가려고 한다.다음에 공부할 분야는 자바이다. 자바도 6일 정도 학습을 하고 또 다른 학습으로 넘어가고.. 앞으로 이런 식으로 공부를 이어가기로 했다. 공부를 해보니 5일은 좀 짧았고 하나의 과정을 마치기에 7일은 좀 길었다. 6일이 적당한 것 같다. 공부할 분량이 많으면 6일 내내 학습을 이어가고 그렇지 않으면 5일 하고 하루는 나만의 프로젝트를 만들어서 미션을 수행하는 방식으로 학습을 이어가기..
수업 시간에 배운 건데 한 가지 더 정리할 게 있어서 기록해보기로 했다. 지난 번에 수업을 들을 때는 하나도 이해하지 못했던 부분인데 요즘 CSS를 혼자서 공부하면서 정말 많은 것들을 배우게 되었다.수업 영상을 다시 볼 시간은 없으니 실습 자료들을 보면서 한번 정리해보기로 했다. 1. position 실습 스크롤 막대를 내리면 왼쪽에 네모는 계속해서 내려가지만 오른쪽에 초록색 네모는 그 위치에 항상 고정되어 있다. 초록색 네모를 fixed로 고정했기 때문이다. absolute는 사용한 상위 요소를 기준으로 위치를 지정하는 것이다. 이 부분도 중요하니 꼭 숙지하고 넘어가기로 하자. 2. 부모 자식 포함 관계 실습 childDiv가 parentDiv에 포함되어 그 안으로 들어간 형태로 만들어..
이제 마지막 남은 9단원 학습이니 끝까지 열심히 공부해보기로 하자. 웹 문서의 배경을 꾸밀 때는 배경색이나 이미지를 사용하는 것 외에 그라데이션 효과로 색 다른 느낌을 줄 수 있다. 그라데이션 효과를 사용하려면 아직 웹 브라우저의 다양한 부분을 고려해야 하지만 여러모로 편리하게 사용할 수 있는 기능이다. " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 1. 선형 그라데이션 색상이 수직, 수평 또는 대각선 방향으로 일정하게 변하는 것을 말한다. 이것을 만들어주는 함수는 linear-gradient인데 색상이 어느 방향으로 어떤 색상으로 바뀌는지 알려 주어야 한다.linear-gradient(to 또는 , , [, ....]); 1) 방향방향을 지시할 때는 끝 지점을 기준으..
배경 이미지는 웹 쇼소에 이미지를 넣거나 목록의 불릿 이미지를 대신하여 아이콘과 같은 이미지를 넣을 때도 사용한다. 배경 이미지를 넣는 여러 속성에 대해서 학습해보기로 하자. 1. 웹 요소에 배경 이미지를 넣는 background-image 속성웹 요소에 배경 이미지를 넣을 때 가장 기본으로 알아 둘 속성은 background-image이다. url()에 이미지 파일 경로를 넣어서 사용한다.background-image: url('이미지 파일 경로') 이미지 파일은 jpg, gif, png 형식을 사용하며 파일 경로에는 작은 따옴표나 큰따옴표를 붙인다. 파일 경로는 현재 웹 문서를 기준으로 상대 경로를 지정할 수도 있고 http://로 시작하는 절대 경로를 사용할 수도 있다.배경을 넣을 때 요소보다..
이제 새로운 단원 학습에 들어갔다. 공부할 시간이 1시간 반밖에 남지 않아서 정말 아쉽지만 그래도 할 수 있는데까지 해볼 것이다. 9장까지는 모두 학습을 마치고 오늘 수업에 나가려고 한다. 웹 문서에는 내용 전체뿐만 아니라 특정 부분이나 글자 등 여러 요소에 배경을 넣을 수 있다. " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 1. 배경색을 지정하는 background-color 속성배경색을 지정하려면 배경을 넣고 싶은 요소의 스타일 규칙을 만들 때 background-color 속성을 사용한다. 이 속성은 앞에서 설명한 16진수나 rgb값, 색생 이름을 사용해서 지정한다. background-color: #008000;background-color: rgb(0,128..
드디어 이 단원을 마치고 연습문제를 풀어볼 때가 되었다. 여기까지 오는데 3일은 걸린 것 같다. 양이 많지 않다고 생각했는데 내용이 지금까지 배운 것 중 가장 어려웠다. 이젠 갈수록 더 어려워지겠지. 그래도 조금씩 실력이 쌓이는 거니 좋은 현상이다.이번 단원의 연습문제는 3문제이다. 그럼 시작해보자! 단원 한눈에 정리하기 연습문제 풀기 문제 1번 틀린 코드 이상하게도 원이 이미자 바깥쪽으로 생기고 그림자도 뭔가 이상하다. 이 문제는 혼자서 해결하기 힘들어서 정답을 참고해보았다. 다시 풀어보기 이렇게 이미지 안에 테두리도 그림자 효과도 잘 생겼다. img라는 공간 안에 속성을 넣어주자 잘 되었다. 문제 2번 틀린 코드 우여곡절 끝에 여기까지는 문제를 풀었..