목록WEB/CSS (53)
Jam's story
[CSS 그라디언트 (gradient) 효과] 두 개이상의 지정된 색상간에 부드러운 전환 선형, 방사형, 원추형 그라디언트 유형 선형 그라디언트 형식: 선형 : 선처럼 부드러운 전환 background-image: linear-gradient (그라데이션 방향, 최소한 두개의 색상지정), 예) background-image: linear-gradient (그라데이션 방향, red, yellow); background-image: linear-gradient(45deg, rgba(255,0,0,0.5),yellow); background-image: linear-gradient(45deg, rgba(255,0,0,0.5),yellow, blue); 방사형 : 원처럼 부드러운 전환 background-ima..

background-size -contain: 가능한 크게 배경이미지 확대 / 비율적으로 채움 -cover: 콘텐츠 영역이 완전히 배경 이미지에 포함되도록 처리 배경사이즈:contain,cover -contain: 가능한 크게 배경이미지 확대 -cover: 콘텐츠 영역이 완전히 배경 이미지에 포함되도록 처리 contain,cover x Lorem ipsum dolor sit amet. contain Deserunt eos dicta natus in? cover Fugit illum repellat id explicabo. 배경사이즈 Lorem, ipsum dolor. Neque, eligendi eveniet! Accusantium, unde obcaecati? 배경이미지 여러개 ex01_03 여러배경 ..

자바스크립트로 x 표시(span) 없애기 Hong Gil Dong × 1번째 방법 : × 2번째방법: × 3번째방법: × 4번째방법: × 2.여러개 출력 Hong Gil Dong Java Developer Hong Gil Dong Java Developer Hong Gil Dong Java Developer Hong Gil Dong Java Developer Hong Gil Dong Java Developer Hong Gil Dong Java Developer Hong Gil Dong Java Developer 3 x버튼 누르면 위에 메뉴바 사라지기 hong × hong gil dong Java Developer

배경이미지 여러개 [CSS] 여러 배경이미지 (다중 배경) 추가 1.background-size 2.background-origin Lorem ipsum dolor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia sint consequatur nihil atque. Distinctio cum incidunt vero assumenda nobis quibusdam quia nisi quidem iste architecto cumque rem magnam asperiores repellat! Esse et eum nihil cupiditate soluta ullam eaque illum omnis perspiciatis eos duci..
css 둥근 모서리 Lorem ipsum dolor. Optio eveniet quisquam. Sunt iure natus. HTML 삽입 미리보기할 수 없는 소스
Features Basic Pro Sample text Sample text Sample text Sample text Sample text HTML 삽입 미리보기할 수 없는 소스 별점 ex10 평점 :

css특수성(특이성)? 동일한 요소를 가리키는 두 개 이상의 CSS 규칙이 충돌나는 경우 어떤 규칙에 따라 우선순위가 정해진다. 특수성을 계산하는 방법 (점수) 0 부터 시작 inline CSS 적용방법: 1000점 인라인 스타일 적용방식이 가장 우선순위가 높다 . id 명 100 점 #mydiv{} 클래스명 10점 .mydiv{} 속성, 의사클래스 ,속성 선택자 각각 1점 CSS 태그명 1점. 나중이 우선순위 * (모든것을 나타내는 태그 ) 0 점 !important를 주면 제일 우선수위가 높다. ->전부다 무시되고 이것이 적용 css특수성(특이성)? 동일한 요소를 가리키는 두 개 이상의 CSS 규칙이 충돌나는 경우 어떤 규칙에 따라 우선순위가 정해진다. inline CSS 적용방법: 1000점 인라인..