전체 글29 HTML5 소스가 안먹일때? 필수적용 코드 + HTML 태그작성법 1. HTML5 소스가 안먹일때? 현재 HTML5 가 사용되고 있는데 새롭게 추가된 요소들이 있다. 시멘틱요소 : 폼[로그인,회원가입] 컨트롤 속성 : 그래픽 : 현재 거의 모든 웹 브라우저(크롬,익스플로러,사파리등) 실행되어지는데 혹시 옛날 브라우저를 사용하는 이용자가 있으면 위 태글르 인식 못한다. 그럴때 아래코드를 추가하면 된다. 사이 . . . 현재 사용하는 웹 브라우저의 버전이 IE9보다 낮다면 html5shiv.js 파일을 임포트(가져오다) 의미이다. 2. HTML 태그 작성법 1) 내용 : 안녕하세요. 2) 내용 : 안녕하세요. 2) 내용 : 안녕하세요. 2021. 9. 19. 도메인과 호스팅 무엇인가?- 누구나 쉽게 만드는 회사 홈페이지 만들기 홈페이지를 만들기 전에 꼭 필요한 것이 있는데 1.도메인 : www.naver.com 같은 주소 2.호스팅 : 홈페이지의 소스와 이미지를 담을 공간 입니다. 1. 도메인은 신규 13,500원 (1년) 그 이후 22.000원이 평균적이며 도메인 구입가능한 홈페이지에서 주소만 사는것이기 때문에 아무곳에서 사도 상관없다. 그렇지만 기간이 지났을때 관리가 편하기 위해 호스팅과 도메인을 같은 구입처 구매를 많이 한다. 대표적으로 - 카페24 - 고도몰 - 가비아 입니다. 2. 호스팅은 업체별로 내용(사양)이 달라서 업체별로 다 비교해 가면서 사는것이 중요! 내가 회사에서 쓰는 곳은 가비아이다. 여러군데 다 가격별 사양별 비교비교 조사해봐도 여기가 제일 만족 스럽고 젤 가격대비 좋은 것 같다. 그 이유는? 트래픽이.. 2021. 9. 11. 텍스트 이미지 중앙정렬 padding: 4em calc(50% - 250px); 유동배경에 고정콘텐츠 즉 홈페이지에서 요즘 트렌드에 제일 많이 쓰이는 css인것같다 움직이는 배경에 텍스트 또는 이미지 중앙정렬이다. html 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 텍스트 중앙정렬 css .bg { background: #fdf965; padding: 4em calc.. 2021. 5. 16. 웹디자인 다중경계선 여러개 선이 겹친 형태 css box-shadow 이용 box-shadow 로 적용 box-shadow의 장점은 콤마구분으로 경계선을 원하는 만큼 아주 쉽게 여러개 만들 수 있다. .class { width:200px; height:200px; margin :0 auto; margin-top:40px; background:yellowgreen; box-shadow:0 0 0 20px #655, 0 0 0 35px deeppink; } 경계선css 만 따로 뽑아서 보자면 .class { background:yellowgreen; box-shadow:0 0 0 20px #655, 0 0 0 35px deeppink; } 경계선 한개를 추가 한다음 다음 한개를 더 추가할때 사이즈는 첫번째 경계선이 20px이면 그 다음 경계선을 15px 추가 하고 싶으면 첫번째 경.. 2021. 5. 15. 웹디자인 반투명 경계선 border hals 적용 css, 흰색배경에 반투명 경계선 문제 빨간색 배경에 흰색 경계선 스타일이라고 해보자. border:10px solid hsla(0,0%,100%,.5); background:white; hsla 경계선을 만들어준다 했는데 경계선으로 나오지 않는다 적용이 되지 않은건 아니고 배경이 경계선 영역 아래로 확장된 것이다. 흰색배경에 반투명 경계선이면 아예 적용이 안된 것처럼 보일것이다. 그래서 이렇게 적용해준다. border:10px solid hsla(0,0%,100%,.5); background:white; background-clip:padding-box; 패딩 padding 모서리에서 배경을 자라내도록 하는 것으로 배경이 경계선 아래로 확장되는것이 싫을때도 이렇게 적용하면 된다. background-clip:padding-box; borde.. 2021. 5. 12. 이전 1 2 3 4 5 다음
