반응형 css강좌6 HTML5/CSS3 - overflow 박스의 크기를 정했을때. 그안에 글자를 넣기에 글씨가 엄청 많을때. 이걸 어쩌나? 이때 쓰는게 overflow 속성 visible : 박스를 넘어가도 글씨를 그냥 보여줌 hidden : 박스안부분만 보이고 나머진 안보여줌 scroll : 스크롤이 생김 auto : 글씨가 많을땐 스크롤이 생기고, 없을땐 안생김. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 visible Lorem ipsum dolor sit aamet sit veroeros sed et blandit consequat sed veroeros lore.. 2023. 7. 8. HTML5/CSS3 - 목록태그 순서없는목록, 순서있는목록, 주제와 그의 내용. 뭐 그런 태그들. 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 32 33 Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit adipiscing feugiat phasellus tempus hendrerit, tortor vi.. 2023. 7. 8. 간단한 모달 팝업 이미지 / Image Modal 이미지를 클릭했을때 팝업처럼 자연스럽게 나타나는 모달 이미지 예시입니다. 웹사이트를 만들때 정보를 더 주기 위하여 한번씩 사용하는 모달 이미지이죠. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com 아래 코드를 직접 입력하여 테스트 해보시면 웹사이트에 좀 더 풍족한 내용을 넣을 수 있습니다. [html code] 1 2 3 4 5 6 7 8 9 10 Image Modal × Col.. 2023. 6. 28. HTML onclick 페이지 이동시키기 a링크를 사용하지 않고 HTML에 태그로 페이지 이동을 할 수 있습니다. 실무에서 작업하다보면 이 작업을 사용하는 순간이 종종 나타나곤 합니다. 첫번째 일반적인 onclick를 이용한 방법 1 네이버 이동 cs 두번째 새창으로 페이지 열기 1 새창 이동 cs 세번째 팝업으로 새창 열기 1 네이버 새창 열기 cs 2023. 6. 24. CSS를 추가하는 방법 CSS를 삽입하는 세 가지 방법 스타일 시트를 삽입하는 방법에는 세 가지가 있습니다. · 외부 CSS · 내부 CSS · 인라인 CSS 외부 CSS 외부 스타일 시트를 사용하면 파일 하나만 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다. 각 HTML 페이지는 헤드 섹션 내부의 요소 내부에 외부 스타일 시트 파일에 대한 참조를 포함해야 합니다. ex) 외부 스타일은 HTML 페이지의 섹션 내 요소 내에서 정의됩니다. 외부 스타일 시트는 모든 텍스트 편집기에서 작성할 수 있으며 .css 확장자로 저장해야 합니다. 외부 .css 파일에는 HTML 태그가 포함되어서는 안 됩니다. 내부 CSS 단일 HTML 페이지에 고유한 스타일이 있는 경우 내부 스타일 시트를 사용할 수 있습니다. 내부 스타일은 요소 내.. 2023. 6. 19. CSS 구문 / Syntax CSS 규칙은 선택기와 선언 블록으로 구성됩니다. CSS 구문 선택기는 스타일을 지정할 HTML 요소를 가리킵니다. 선언 블록에는 세미콜론으로 구분된 하나 이상의 선언이 포함됩니다. 각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함됩니다. 여러 CSS 선언은 세미콜론으로 구분되며 선언 블록은 중괄호로 묶입니다. ex) 이 예시는 모든 요소는 파란색 텍스트 색상으로 가운데 정렬됩니다. ※ 예시설명 - p CSS의 선택기입니다(스타일을 지정하려는 HTML 요소를 가리킴: ). - color는 속성이고 blue속성 값입니다. - text-align는 속성이고 center속성 값입니다. 2023. 6. 19. 이전 1 다음 반응형
