FrontEnd

1.상속상위요소의 프로퍼티를 하위 요소에 상속하는 행위visibility ,opacity ,font ,color ,line-height ,text-align ,white-space이 상속가능하다  제목입니다 내용용용 상속안된버튼?    2.상속받지 못한 요소 상속inherit 키워드로 명시적으로 상속가능 제목입니다 내용용용 상속안된버튼?     2.캐스캐이딩CSS 적용 우선순위 중요도head의 stylehead style의 @import의 css파일의 css파일의 @import브라우저 스타일시트  명시도대상을 명확하게 특정할수록 우선순위가 높아짐아래에서 더 상세하게 규정한 css로 적용되었다.어떤색?  선언순서나중에 선언된 css가 우선순위를 가진다.어떤색일까       ..

float기존 레이아웃 흐름에서 벗어나 이동시키는것(position absolute 사용금지)    1.정렬float:left는 왼쪽부터 가로 정렬, float:right는 오른쪽부터 가로정렬된다.     2.width 100%        float를 설정하지않은 box 위에 float 박스가 위에 부유하게된다.        3.overflow: hidden 설정위 상자에서 float 설정을안한 상자에 overflow: hidden 프로퍼티를 선언하면 float에 의해 표현되지 못하는 요소를 출력해준다.     🎈참고자료https://poiemaweb.com/css3-float

Position요소의 위치를 정의  1.staticposition 프로퍼티의 기본값static으로 지정할시 top,bottom,left,right를 사용할수없다.    2.relative기본위치를 기준으로 top bottom left, right 를 사용하여 위치 이동  3.absolute절대위치다. static을 제외한 가장 가까운부모~조상요소를 기준으로 위치를 잡는다,(relative 인 부모,조상이없다면 document body를 기준으로 한다.)      4.fixed부모요소 관계없이 viewport를 기준으로 위치(스크롤 되도 같은곳에 위치됨)    5.z-index화면전면에 나올 요소를 결정한다.(static에는 적..

1.font-size텍스트 사이즈aaaa" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스       2.font-family폰트지정timestimes" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    3. font-style 이탤릭체(기울임)지정기울어짐기울어짐" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스      4.font-weight폰트 굵기 지정얇음두꺼움1000얇음두꺼움1000" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    5.line-height텍스트 높이지정높이지정높이지정높이지정높이지정" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   6.lett..

1.background-image배경이미지 지정   2.background-repeat이미지 반복 설정2개이상의 이미지를 배경으로 사용할수도있음(이때 다른 프로퍼티값은 , 로 구분하여 작성)  3.background-size이미지 사이즈 지정px:px값으로 지정%:%값으로 지정cover: 키기 비율 유지한 상태로 부모의 width,height중 큰값에 맞춤contain: 크기비율 유지한 상태에서 이미지스케일 조정하여 이미지가 전체가 들어갈수있도록 한다.      4.background-attachment배경화면이 스크롤 되지않고 고정되게 한다    5.background-positionbackground 이미지의 출력위치 지정 (기본값 좌상단 0% 0%)  6.background-color배경 색상지정 ..

1.displayLayout 정의에 사용되는 프로퍼티1-1.block새로운라인에서 시작하고 width가 100%다.width, height, margin-top, margin-bottom지정가능div,h1~h6,p,ol,ul,li,hr,table,form은 기본적으로 bolck 을 가진다.asdasasdasasdasasdas" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   1-2.inline문장의 중간에 들어갈수있음(줄을 안바꿈)content의 너비만큼 가로폭 차지width, height, margin-top, margin-bottom지정불가능span,a,strong,img,br,input,select,textarea,button은 기본적으로 inline안녕하세요안녕하세요"..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.Date 생성자date= new Date()date= new Date(0)date= new Date('2019/05/16/17:00:10')date= new Date('June 16, 2011 11:23:12')date = new Date(년, 월, 일, 시, 분 , 초 , 밀리초);date = Date()//문자열로 반환    2.Date 메소드const today= new Date();today.setFullYear(2000);//년도 설정today.setMonth(12);//월 설정today.setDate(22);// 날짜 설정today.setHours(1)//시 설정today.setMinutes(30)//분설정today.set..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.Math  Math 객체는 생성자 함수가 아니라 정적 프로퍼티랑 메소드만 제공한다.    1.PIMath.PI; // 3.141592653589793    2.메소드2-1.abs절댓값 반환Math.abs(-1); //1  2-2.round반올림Math.round(1.22)//1    2-3.ceil올림Math.ceil(1.1)//2   2-4.floor내림Math.floor(1.9)//1   2-5.sqrt제곱근 Math.sqrt(4)//2    2-6.random무작위 수(0~1사이)Math.random()    2-7.pow제곱수Math.pow(2,3)//8   2-8.max최댓값Math.max.apply(null,[1,2,3])//3..