Frontend88 HTML/CSS - float 속성 1. float은 CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정한다. 2. float 속성 초기값: none 적용대상: 모든 요소, 그러나 display가 none일 때는 적용이 안됨 상속: 되지 않는다. 미디어: 비주얼 float은 블록 레이아웃의 사용을 의미하기 때문에, 일부의 경우 display값의 계산값을 수정한다. -구문 /* 키워드 값 */ float: left; float: right; float: none; float: inline-start; float: inline-end; /* 전역 값 */ float: i.. 2019. 7. 4. HTML/CSS - Layout 1. 레이아웃이란 정보를 효과적으로 배치하는 것. 종류로는 -1단 -2단 이상 (다단) -고정(상,하단이 고정되어있는) -유동적 1단 레이아웃 가장 기본이 되는 레이아웃으로 한개의 행으로 이루어진 레이아웃이다. 상단(header),중단(contents),하단(footer)의 구성으로 이루어짐. 컨텐츠 최대 가로: 1200 사이트 최소 가로: 800 컨텐츠 가운데 정렬 -일반적인 방법 header content footer -HTML5 방법 header content footer 1단레이아웃 header content footer header content footer - margin: auto로 좌우 수치를 균등하게 가져 가운데 정렬 가능 2. 가상선택자 실제로 웹 문서에 존재하지는 않지만 필요에 의해 .. 2019. 7. 3. 07월 03일 수 | UI 화면구현 03 - HTML과 CSS HTML과 CSS 1. 프레임 나누기 - 예전 웹환경에서 사용했던 프레임나누기이다. -인트라넷 용 템플릿 관리자페이지 공공데이터포털 네이버 핀터레스트 테이블 2. 웹의 3요소 1. 웹표준 웹에서 사용되는 기술이나 규칙을 의미하며 웹 사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정과 다른 기종이나 다른 플랫폼에서도 웹페이지기 구현되도록 제작하는 기법 등을 포함한다. 2. 웹 접근성(Web Accessibility) 어떠한 사용자(장애인, 노인 등), 어떠한 기술 환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것을 뜻한다. 사용자 웹 접근성이란 모든 사용자가 웹 콘텐츠에 보다 손쉽게 접근할 수 있도록 웹 접근성 지침을.. 2019. 7. 3. 07월 02일 화 | UI 화면구현 02 - HTML과 CSS HTML 1. 테이블 셀합치기 - 가로 Name Telephone Bill Gates 55577854 55577855 -세로 Name: Bill Gates Telephone: 55577854 55577855 2. 테이블 셀합치기 연습 - 계산기 만들기 Calculator / * - + 7 8 9 4 5 6 enter 1 2 3 insert - 셀합치기 연습하기 Calculator 하면서 배경에 비디오깔기도 해보았음. HTML은 문서를 구조화하기 위한 언어. 구조적인,의미있는 웹문서의 구조를 짜야한다. 3. 리스트 만들기 ul,li - 여러가지 리스트 리스트는 중첩할 수 있다. 금난새 손열음 정경화 정명훈 라흐마니노프 리스트 쇼팽 드뷔시 셜록홈즈 아르센 뤼팽 포와로 콜롬보 김연아 아사다 마오 안도미키 소트.. 2019. 7. 2. 07월 01일 월 | UI 화면구현 01 - HTML과 CSS HTML 시작하기 1. UI 화면구현 - HTML/CSS/Javascript 웹접근성 연구소 https://www.wah.or.kr:444/index.asp 웹접근성 연구소 www.wah.or.kr:444 - Frontend단, View단 - 코딩툴: Editplus, sublime 등 - Script 언어: 웹브라우저에서 인터프리터 방식으로 번역되는 언어 - 결과확인 웹브라우저 : 크롬, IE 11 -w3school.com https://www.w3schools.com/ -블루비 http://www.blueb.co.kr/ -이미지,아이콘 https://archive.atagar.com/freeMedia/ HTML 1. HTML - Hyper Text Markup Language -웹서비스가 가능하도록 .. 2019. 7. 1. JAVA로 배우는 자료구조 - ArrayList 객체 생성하기 자바에 내장된 ArrayList는 꽤 복잡하다. 객체생성 public class MainRunner { public static void main(String[] args) { ArrayList arraylist = new ArrayList(); return ; } } ArrayList 클래스안에 객체배열 선언 class ArrayList { private int size = 0; // object[] 타입 private 멤버변수 elementData를 만드세요 private Object[] elementData = new Object[13]; } 데이터추가하기 - 마지막 위치에 추가하기 데이터를 마지막 위치에 추가하는 메소드는 아래와 같이 구현한다. 2019. 6. 13. 이전 1 ··· 11 12 13 14 15 다음
