일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Sookmyung Information Security Study
- 풀이
- BOJ Python
- Javascript
- HTML
- XSS Game
- siss
- hackctf
- 백준
- Python
- CSS
- WarGame
- C언어
- 숙명여자대학교 정보보안 동아리
- BOJ
- 웹페이지 만들기
- 숙명여자대학교 정보보안동아리
- 기계학습
- 자료구조 복습
- 머신러닝
- The Loard of BOF
- c
- c++
- 드림핵
- 파이썬
- SWEA
- PHP 웹페이지 만들기
- 생활코딩
- lob
- hackerrank
- Today
- Total
목록CSS (6)
혜랑's STORY
오랜만에 HTML과 CSS를 복습하고자 간단한 자기소개 페이지를 만들어 보았다! [디자인] [코드] Kawk Hyeonji More infomation 이름 : 곽현지 생일 : 2002 - 01 - 25 핸드폰 : 010 - 0000 - 0000 이메일 : *****@naver.com 블로그 : *****@tistory.com Educational History 2017-2020 충남삼성고등학교 2020 ~ 숙명여자대학교 컴퓨터과학전공 Etc C / C++ / Python 언어 공부 중 소설책 읽는 것 좋아함 풍경 사진 찍는거 좋아함 특기는 일 만들어 하기 SKT T1 좋아함 /*basic.css*/ body { background-color: #233255; padding-top: 150px; } h1..
# 스타일시트; 웹 문서의 출력될 외형 스타일 - 구성요소 : 선택자(여러 개인 경우 콤마로 구분, 스타일을 설정할 대상이 되는 태그) / 속성 선언(속성과 속성값, 콜론으로 구분, 세미콜론으로 종료) - 블록단위 요소 : - 인라인 요소 : - 클래스 선택자 : -> 클래스 선택자는 클래스이름 앞에 점(.) - 아이디 선택자 : -> 아이디 선택자는 아이디이름 앞에 샵(#) - 폰트 / 문자 / 색상 및 배경 또한 지정 가능 # 박스모델 설정하기 스타일 속성 : 외부공백 / 내부여백 / 테두리의 두께 / 테두리 모양 / 색상 등 # 움직임 설정 - 전환효과 : transtion: - 좌표변환 :
#표에 스타일시트 적용하기 2020 1학기 시간표 시간 월 화 수 목 금 9 10 소프트웨어의이해 소프트웨어의이해 11 세계시민교육과리더십 12 13 커뮤니케이션영어 비판적사고와토론 커뮤니케이션영어 진로탐색과역량개발 14 15 컴퓨터과학의이해 컴퓨터과학의이해 16 국가안보론 17 18 #박스모델에 다양한 효과로 장식하기 HTML5 웹프로그래밍 입문 5장. CSS3 스타일시트 기초 CSS 개요 CSS란 문서의 스타일을 정의하는 속성을 모아놓은 언어이다. #레이아웃 설정 스타일시트 연습하기 5.5 새로운 문서 표준 HTML5 현재 W3C에서 표준안을 개발을 하고 있는 HTML5는 차세대 웹문서 표준안으로 많은 관심이 집중되고 있다. 특히, 표준안 개발에 마이크로소프트, 모질라, 애플, 구글, 오페라 등 대다..
#실행결과 - 미완 #코드 - 디자인 UserName [To Do List Name] Check To Do List Work 선택 삭제 마지막 항목 삭제 전체 삭제 [ Add List ] 1. List Name 1 2 2. Contents Name 3. Contents Details Add Can /* box.css */ .subBox { border: 3px solid #513F3F; width:599px; height:554.5px; } .edge { top: 58px; left: 60px; width: 1801px; height: 965px; border: 11px solid #513F3F; opacity: 1; } .signIn { top: 630px; left: 1121px; width: 60p..
#실행결과 #코드 - 디자인 ID : PW : /* box.css */ .edge { top: 58px; left: 60px; width: 1801px; height: 965px; border: 11px solid #513F3F; opacity: 1; } .signIn { top: 630px; left: 1121px; width: 60px; height: 92px; margin: 0; margin-top:7.5px; background: #513F3F 0% 0% no-repeat padding-box; border-radius: 11px; opacity: 1; color:white; font: Bold 18px/20px Gmarket Sans TTF; letter-spacing: 0px; } .id_pw..
#기본 문법 style = " " : css 문법 표시하는 html 속성 color : 폰트 색상 바꾸기 font-size : 텍스트 사이즈 text-align : 문자 배열 , 등.. 필요한 내용들을 검색해서 찾아보기!! # 박스 모델 - 예시 코드 CSS CSS # 박스 모델 응용 - 예시 코드 WEB HTML CSS JavaScript WEB 문자-영상-음향-비디오정보"를 한꺼번에 제공하는 멀티미디어 서비스를 말한다. 인터넷을 통해 웹에 들어가 웹정보를 검색케 해주는 프로그램을 "웹 브라우저(Web Browser)"라고 한다. 웹 서비스를 제공하는 기관이나 장소를 "웹 사이트(Web Site)", 웹 서비스를 제공하는 호스트컴퓨터를 "웹 서버(Web Server)"라고 한다. "홈페이지"는 각각의 ..