HTML / CSS

브라우저 높이 만큼 차지하는 색이 다른 div 5개가 있고 우측 하단의 버튼을 누르면 특정 위치로 이동하는 버튼을 만들었다. 특정 요소의 높이값을 받아와서 이동시킨다. behavior : 'smooth' 를 통해 애니메이션을 가미하였다.top을 0으로 해서 맨위로

점보트론을 만드는데 전체 앱을 width 75vw를 주는 컨테이너 안에 넣었더니 점보트론도 75vw까지만 크기를 먹는 상황이 발생\-50vw + 50% 만큼 왼쪽으로 이동시키고 크기를 100퍼센트로 주면 끝

방법만 보고 싶으면 해결방안으로!!교육지원금 서명 생성기를 만드는데 캔버스에 이미지를 삽입해서 입력받은 글자를 토대로 적절한 위치에 텍스트를 넣어주는 기능을 구현하고 있었다.아직 미완성이지만 대략 설명하자면 이렇게 입력하면 요로코롬 나온다.근데 만약 오기입한 경우나(제

alert 확인창만있는애 confirm 확인 취소 있는애 prompt 입력창 window.open(페이지URL , 창이름 , 특성 , 히스토리 대체여부) 000000.......................................................

CSS의 기본 사용법은 다음과 같다CSS (Cascading Style Sheet) 에는 왜 Cascading 이라는 이름이 들어갈까?? 그것은 가장 마지막으로 입력받은 값을 적용시키기 때문이다.위와 같은 css가 있다고 할 때 p태그에는 글자색이 초록색으로 적용될 것

우선 아래와 같은 코드를 작성하자그러면 다음과 같은 화면이 보일 것이다.여기서 css를 다음과 같이 수정하자.위와 같은 결과를 얻을 수 있다.그렇다면 스크롤 하지않고 이미지를 보고 싶다면 어떻게 하면 될까?속성을 추가하면 창의 크기에 따라 줄바꿈되어 이미지가 보일 것이

부트스트랩을 사용할 수 있는 두 가지 방법이 있다. 부트스트랩 홈페이지에 가서 다운로드를 받는 방법이다. 부트스트랩 CDNCDN은 콘텐츠 전송 네트워크이다. 부트스트랩에서는 링크를 통해 CSS 파일을 호스팅하고 있다. 우리는 이 코드를 HTML에 추가하는 것으로 부트스

HTML5에는 요소들이 가지고 있는 성격에 따라 요소의 종류를 정의하는 규칙들이 있다. 이런 규칙에 대해 비슷한 성격의 요소들끼리 그룹화한 것이 콘텐츠 모델이며, 각각의 요소들은 하나 또는 여러 개의 콘텐츠 모델에 속하게 됩된다.Metadata 에는 콘텐츠의 스타일 ,

CSS는 HTML 요소를 꾸며주는 역할을 한다.CSS는 꾸밀 대상이 되는 요소와 그에 대한 스타일 내용으로 이루어진다.선택자 : h1 속성 : color값 : yellow선언 : "color :yellow , font-size : 2em"선언부 : "{color :

모든 요소는 자기가 기본적으로 가지고 있는 display 값이 있다. 그리고 그 값에 따라 블록 레벨, 인라인 레벨 등 렌더링 박스의 유형이 결정된다.display 속성으로 해당 요소의 렌더링 박스의 유형을 변경할 수 있으며 심지어 렌더링 여부도 결정할 수 있다.요소

스프라이트 이미지란 아이콘 처럼 작은 이미지 들을 하나의 이미지로 만들어서 가져오는 기법작은 이미지들을 계속 요청하고 받아오는 방식으로 구현하게 되면 오버헤드가 커지고 부하가 커지게 됨스프라이트 이미지를 배경화면으로 깔고 원하는 부분의 크기만큼 지정 후 해당 X,Y축을

position : absoulte의 경우 방향 offset이 2 가지 이상 필요하다 전체적으로 class="이름" 형태와 속성: 속성값 형태를 잘 지키자 (띄어쓰기 주의) 버튼 안에 텍스트를 넣는 경우 길이가 변할 수 있으므로 고정 너비를 주는 것을 피하자. 전체적으

HTML & CSS 활용 1. CSS 리셋 브라우저 마다 태그를 렌더링하는 기본 스타일이 다르다. 그러므로 크로스 브라우징 작업이 필수적이다. >크로스 브라우징이란 어떤 웹 브라우저를 써도 화면이 똑같이 나오고 브라우저에 따라 입력과 사용에 문제가 생기지 않게

font-face란 외부에서 글꼴을 다운받아서 사용할 수 있게 해주는 방법으로 CSS3 표준이다. 폰트 종류 TTF(True Type Font) : 일반적인 폰트 , 대부분의 브라우저 지원 OTF(Open Type Font) : TTF에 추가적인 기능 지원 WOFF(

2014년에 W3C에서 발표한 HTML의 표준안 . 어도비 플래시나 실버라이트 등 플러그인의 의존성을 줄이는 것에 초점을 맞추어 업데이트 됨. 대체적으로 문법적인 부분에서 다양한 요소들의 표현이 간결하고 명확해졌다.HTML4와 XHTML에서 유효성 검사를 위한 선언문이