hello스킨 튜닝

선요약HTML은 웹 페이지의 구조와 내용을 담당합니다.CSS는 그 구조 위에 디자인과 스타일을 적용합니다.두 언어는 함께 사용되어 웹 페이지를 구축하며, HTML로 내용의 뼈대를 만들고 CSS로 그 뼈대에 스타일을 입혀 사용자에게 보기 좋은 형태로 제공합니다.HTML (HyperText Markup Language):역할: HTML은 웹 페이지의 구조와 콘텐츠를 정의하는 마크업 언어입니다.기능: 텍스트, 이미지, 링크, 표, 리스트 등 다양한 요소를 사용하여 웹 페이지에 콘텐츠를 배치합니다.예시:제목이것은 문단입니다.CSS (Cascading Style Sheets):역할: CSS는 HTML로 작성된 웹 페이지의 스타일과 레이아웃을 지정하는 스타일시트 언어입니다.기능: 글꼴, 색상, 여백, 배경, 레이아..

figure의 크기를 본문폭에 맞추기@media all { #content .contents_style figure.imageblock.alignCenter, #content .contents_style figure.imageblock.alignLeft, #content .contents_style figure.imagegridblock { width: 100% !important }}img의 최대크기가 figure의 크기를 넘지 않게 하기img,video { max-width: 100%; height: auto;}그림으로 이해

보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요. 확인   확인버튼 없으면 모바일에서 보호글 못 봄

코드#content .contents_style figure.imageblock span img,#content .contents_style figure.imageblock a img,#content .contents_style figure.imagegridblock span img,#content .contents_style figure.imagegridblock a img { position: absolute; top: 0px; left: 0px; display: block; height: 100%; width: 100% border-style: solid; border-width : 5px 5px 5px 5px; border-color: #00a0e9;;}왼쪽정렬 이미지도 본문폭 안..

코드블럭 배경색 CSS 수정 #content .contents_style pre code.hljs { --tw-bg-opacity: 1; background-color: rgb(41 42 45 / var(--tw-bg-opacity)) } .dark #content .contents_style pre code.hljs { --tw-bg-opacity: 1; background-color: rgb(41 42 45 / var(--tw-bg-opacity)) } 코드블럭 폰트 html 수정