반응형 🌈 웹 퍼블리싱/CSS5 CSS_기본 작성방법 CSS : 피부 css 적용방법 -파일연결 -직접작성 body { //글씨 color: red; font-size: 10px; line-height: 2; letter-spacing: 1px; text-shadow: 3px 3px 1px black; text-align: center; font-family: placeholder //박스 background-color : grey; width: 500px; margin: 0 auto; //중앙정렬 padding: 0 20px 20px 20px; border: 5px solid black; //테두리 //위치 display: block; } p, li, h1 { color: red; } 2023. 12. 22. CSS_이미지 스프라이트 여러개의 이미지를 하나의 이미지로 읽어 적용한다 https://www.toptal.com/developers/css/sprite-generator/ 참고 https://velog.io/@mooongs/CSS-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%8A%A4%ED%94%84%EB%9D%BC%EC%9D%B4%ED%8A%B8-%EA%B8%B0%EB%B2%95 2023. 12. 22. CSS_웹 컬러 CSS 컬러 글씨 색깔 등 컬러 사용할때 참고할수 있는 tool https://developer.mozilla.org/ko/docs/Web/CSS/CSS_colors/Color_picker_tool Color picker tool - CSS: Cascading Style Sheets | MDN 이 도구를 사용하면 웹용 사용자 정의 색상을 쉽게 만들고 조정하고 실험 할 수 있습니다. 또한 HEXA 색상, RGB (빨강 / 녹색 / 파랑) 및 HSL (색조 / 채도 / 밝기)를 비롯하여 CSS 에서 지원하는 다양한 developer.mozilla.org 2023. 12. 19. CSS_웹 폰트 https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2023. 12. 19. CSS @include 중복 코드 관리 [1] 중복코드 (1) @include html 로 작성된 구조 중에서 헤더header , 사이드sidebar , 풋터 footer 처럼 중복으로 코드를 설정해야하는경우 각각의 jsp 파일에 적용해도 되지만 코드가 길어질수록 구분도 불편하기 때문에 중복되는 코드를 별도로 빼서 관리한다. (2) 사용법 views의 jsp 파일의 모임에서 include 폴더에 중복묶음을 할 파일을 따로 빼둔다 각각의 footer.jsp 와 siderbar.jsp 에 해당하는 부분의 코드를 입력한다 jsp 파일에 넣어야하는 sidebar 와 footer 위치에 연결시킨다 2023. 12. 14. 이전 1 다음 반응형
