background CSS와 김프를 사용한 투명한 배경 앱의 각 페이지에 투명한 배경 이미지를 추가하여 시각적인 관통 라인을 만들고 싶었습니다. 에서 오픈 소스 이미지를 찾았습니다. 앱에 배경 이미지 추가 먼저 루트 html 태그에 이미지를 background-image로 추가했습니다: body . 다음으로 CSSopacity 태그를 사용하여 불투명도를 추가하려고 시도했습니다. 배경 이미지는 전체 앱의 부모인 body 에 적용됩니다. 즉, bod... cssnewbiebackgroundgimp [HTML/CSS] Day7. Background-image에 대해 몰랐던 사실 😎 분명 <body> 태그에 적용한 색은 화면 전체에 적용이 되었는데 콘텐츠의 영역은 콘텐츠인 "행복"만큼의 영역만을 차지하고 있다. 원래 <html> 태그에는 관례상 배경색을 적용하지 않고 대신 <body>에 적용하지만 공부를 위해 적용하자! 그래서 단독으로 <body>태그에 배경색을 적용했을 때 배경색이 화면 전체에 다 차지한 것을 보면 HTML에서는 <body>는 특별 취급을 하고 있다고 ... 빔캠프backgroundhtmlcssyoutubebackground 3. CSS 기본 프로퍼티 프로퍼티 프로퍼티 값으로 테두리 두께 지정 가능 width/height 프로퍼티 max-width/max-height 프로퍼티 margin/padding 프로퍼티 margin 또는 padding 프로퍼티에 윗쪽, 오른쪽, 아랫쪽, 왼쪽 (시계방향) 설정 값을 순서대로 작성해서 한번에 설정 가능 (단축 프로퍼티) border 프로퍼티 border 단축 프로퍼티 border-width, bord... fontinlinebackgroundBox ModelblockBox Model [CSS] 색상표현을 이용한 스타일링 💡 색상표현을 이용한 스타일링을 해보자 그라디언트를 부여 ( 선형, 원형 그라데이션 ) linear-gradient(방향설정, 색상1 색상양, 색상2 색상양) radial-gradient(원형) 색상이 나타나는 %도 분배가능 background: linear-gradient(to left, #75e6a0 40%, #ffa5a5 50%); 색상 추가 가능 background: linear-gr... gradientCSSbackgroundbox-shadowCSS [SVG] background SVG SVG(Scalable Vector Graphics)는 번역하자면 확장가능한 '벡터 그래픽'이다. 픽셀을 이용하여 그림을 그리는 JPEG, PNG 등 픽셀 기반 이미지와 다르게 SVG는 '읽을 수 있는 코드'로 크기를 조절함에 따라 깨지는 것이 없고, 용량이 작기 때문에 웹에서 자주 사용하는 이미지 형식이다. SVG의 속성을 그대로 사용할 수 있다. 디자인 파일과 코드를 동시에 관리 할 수 ... backgroundsvgbackground Application Structure (UIApplication, AppDelegate) 이전에 앱의 실행 과정에 대해서 공부했을 때 제대로 이해하지 못했었다. 이번 기회에 제대로 이해하는 자리를 가져보려 한다. 조금 성장했는지 약간 더 이해가 되었다! 그럼 시작하자. Model 개발자가 만든 모델 Event Loop 하드웨어 단에서 발생한 이벤트를 Delegation(위임) 함 Application Delegate App 전체 제어를 담당함 ViewController View ... UIkitUIApplicationAppDelegatebackgroundapp life cycleForegroundAppDelegate animateBackground-plugin background [css] background 를 content 배경색만이 아니라 padding, border 의 배경색까지 지정할 수 있다니 ... 대박 인스타 클론 중 아래 css 문제에 봉착했다... 인스타를 클론하기 위해 작업 중, 아래 사진처럼 story 띠 만들기 1번째 시도 사진에 border 에 색을 주고 padding 주기. 실패 -> 이유: border 에서 색은 그라데이션이 안됨. 2번째 시도 1) 사진 부모 요소에 div를 만들기 2) 부모 div에 색 주기 3) 중앙정렬 4) 사진에 패딩주기 실패 -> 이유: 중앙정렬했지... CSSbackground-originbackgroundCSS background: url 배경 그림에 시간 스탬프를 추가하면 그림이 보이지 않습니다 프로젝트에서 이런 코드 배경 그림에 시간 스탬프를 넣으면 그림이 보이지 않습니다 그림이 보이지 않습니다. 살펴보니 시간 스탬프에 빈칸이 있습니다 수정한 후, 시간 스탬프의 빈칸을 제거하면 그림이 성공적으로 표시됩니다.... background background와 background의 차이 background는 성력형 총체로 쓸 수 있다 배경 지정의 생략 형식입니다. 생략된 백그라운드만 사용하면 된다短く表記. 위의 예는'background-image','background-repeat','background-attachment','background-position'의 순서에 따라 기술한 것이다. backgound 속성 유형 ①background-color: ② backgrou... background-positionbackgroundbackground-colorbackground-imagebackground-size
CSS와 김프를 사용한 투명한 배경 앱의 각 페이지에 투명한 배경 이미지를 추가하여 시각적인 관통 라인을 만들고 싶었습니다. 에서 오픈 소스 이미지를 찾았습니다. 앱에 배경 이미지 추가 먼저 루트 html 태그에 이미지를 background-image로 추가했습니다: body . 다음으로 CSSopacity 태그를 사용하여 불투명도를 추가하려고 시도했습니다. 배경 이미지는 전체 앱의 부모인 body 에 적용됩니다. 즉, bod... cssnewbiebackgroundgimp [HTML/CSS] Day7. Background-image에 대해 몰랐던 사실 😎 분명 <body> 태그에 적용한 색은 화면 전체에 적용이 되었는데 콘텐츠의 영역은 콘텐츠인 "행복"만큼의 영역만을 차지하고 있다. 원래 <html> 태그에는 관례상 배경색을 적용하지 않고 대신 <body>에 적용하지만 공부를 위해 적용하자! 그래서 단독으로 <body>태그에 배경색을 적용했을 때 배경색이 화면 전체에 다 차지한 것을 보면 HTML에서는 <body>는 특별 취급을 하고 있다고 ... 빔캠프backgroundhtmlcssyoutubebackground 3. CSS 기본 프로퍼티 프로퍼티 프로퍼티 값으로 테두리 두께 지정 가능 width/height 프로퍼티 max-width/max-height 프로퍼티 margin/padding 프로퍼티 margin 또는 padding 프로퍼티에 윗쪽, 오른쪽, 아랫쪽, 왼쪽 (시계방향) 설정 값을 순서대로 작성해서 한번에 설정 가능 (단축 프로퍼티) border 프로퍼티 border 단축 프로퍼티 border-width, bord... fontinlinebackgroundBox ModelblockBox Model [CSS] 색상표현을 이용한 스타일링 💡 색상표현을 이용한 스타일링을 해보자 그라디언트를 부여 ( 선형, 원형 그라데이션 ) linear-gradient(방향설정, 색상1 색상양, 색상2 색상양) radial-gradient(원형) 색상이 나타나는 %도 분배가능 background: linear-gradient(to left, #75e6a0 40%, #ffa5a5 50%); 색상 추가 가능 background: linear-gr... gradientCSSbackgroundbox-shadowCSS [SVG] background SVG SVG(Scalable Vector Graphics)는 번역하자면 확장가능한 '벡터 그래픽'이다. 픽셀을 이용하여 그림을 그리는 JPEG, PNG 등 픽셀 기반 이미지와 다르게 SVG는 '읽을 수 있는 코드'로 크기를 조절함에 따라 깨지는 것이 없고, 용량이 작기 때문에 웹에서 자주 사용하는 이미지 형식이다. SVG의 속성을 그대로 사용할 수 있다. 디자인 파일과 코드를 동시에 관리 할 수 ... backgroundsvgbackground Application Structure (UIApplication, AppDelegate) 이전에 앱의 실행 과정에 대해서 공부했을 때 제대로 이해하지 못했었다. 이번 기회에 제대로 이해하는 자리를 가져보려 한다. 조금 성장했는지 약간 더 이해가 되었다! 그럼 시작하자. Model 개발자가 만든 모델 Event Loop 하드웨어 단에서 발생한 이벤트를 Delegation(위임) 함 Application Delegate App 전체 제어를 담당함 ViewController View ... UIkitUIApplicationAppDelegatebackgroundapp life cycleForegroundAppDelegate animateBackground-plugin background [css] background 를 content 배경색만이 아니라 padding, border 의 배경색까지 지정할 수 있다니 ... 대박 인스타 클론 중 아래 css 문제에 봉착했다... 인스타를 클론하기 위해 작업 중, 아래 사진처럼 story 띠 만들기 1번째 시도 사진에 border 에 색을 주고 padding 주기. 실패 -> 이유: border 에서 색은 그라데이션이 안됨. 2번째 시도 1) 사진 부모 요소에 div를 만들기 2) 부모 div에 색 주기 3) 중앙정렬 4) 사진에 패딩주기 실패 -> 이유: 중앙정렬했지... CSSbackground-originbackgroundCSS background: url 배경 그림에 시간 스탬프를 추가하면 그림이 보이지 않습니다 프로젝트에서 이런 코드 배경 그림에 시간 스탬프를 넣으면 그림이 보이지 않습니다 그림이 보이지 않습니다. 살펴보니 시간 스탬프에 빈칸이 있습니다 수정한 후, 시간 스탬프의 빈칸을 제거하면 그림이 성공적으로 표시됩니다.... background background와 background의 차이 background는 성력형 총체로 쓸 수 있다 배경 지정의 생략 형식입니다. 생략된 백그라운드만 사용하면 된다短く表記. 위의 예는'background-image','background-repeat','background-attachment','background-position'의 순서에 따라 기술한 것이다. backgound 속성 유형 ①background-color: ② backgrou... background-positionbackgroundbackground-colorbackground-imagebackground-size