본문 바로가기

웹 프로그래밍(풀스택-->java)/웹프로그래밍(프론트엔드-->java)10

6. 전체 메뉴 수정 HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML HTML HTML HTML 1. 여기서, ol태그의 숫자를 어떻게 없애나? Unordered List 이나, Ordered List 의 하위에 속한 List 에 기호나, 숫자를 표시 되지 않게 하는 CSS 스타일 list-style:none 속성 "list-style: none" CSS를 추가하면, unordered list () or ordered list ()의 bullet or number제거됨 2. 팁: 1. 태그전체에 css를 적용한 경우 따로 class 또는 id를 선언하고 적용시킬 경우 적용이 안된다. 예) #top dl {font-size:11px; .. 2021. 12. 15.
5. reset.css 기본 템플릿~! /* reset */ body, div, ul, li, dl, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form { margin: 0; padding: 0; } a { text-decoration: none; } .ir_pm {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우 */ .ir_wa {display: block; overflow: hidden; position: relative; z-index:.. 2021. 12. 12.
4. 웹 표준 사이트 만들기 - 헤더 아이콘 수정 https://alonehistory.tistory.com/13 HTML 과 CSS로 이미지를 표현하는 방법(Img/Background/이미지 스프라이트 기법) 다음의 세 가지 방법으로 이미지를 표현 할 수 있습니다. Img 태그 - 이미지의 의미가 있을 때 Img 태그를 사용합니다. - Alt 태그를 이용해서 대체 문자를 적어야 합니다. Background 속성 - 이미지가 alonehistory.tistory.com 이 링크를 참조하자..! 문제는 이미지 스프라이트를 쓰면 웹 접근성을 따라갈수 없다. 그래서 가상으로 대체를 문자를 만들어줌. 이것을 IR 효과 라고 한다. 이미지 스프라이트 효과 기억하자..! 팁(?): background: url("")을 해서 이미지를 넣으면 흰색으로 배경이 변하고 .. 2021. 12. 12.
3. 헤더 타이틀 & 웹 폰트 https://wotres.tistory.com/entry/text-align-center-%EC%9E%91%EB%8F%99%ED%95%98%EC%A7%80-%EC%95%8A%EC%9D%84-%EB%95%8C-%ED%95%B4%EA%B2%B0%EB%B2%95 text-align: center 작동하지 않을 때 해결법 글자나 하위 태그를 가운데 정렬하려고 할때 text-align: center 를 사용하여 해결하려 할 때 잘 작동하지 않을 때가 있다. 이떄는 보통 display: flex 를 같이 사용하지 않았거나 글자나 하위태그를 감싸 wotres.tistory.com text-align 쓰는 법에 대해서 익히자..! index.jsp 전체 메뉴 바로가기 배너 메뉴 바로가기 컨텐츠 메뉴 바로가기 Desi.. 2021. 12. 12.
반응형

티스토리툴바