clearfix는 고도의 함몰을 해결하는 주요 해결: 1. 고도의 함몰 문제.2 부자 원소의 경계 중합 문제.clearfix:after, .clearfix:before { content: ""; display:table; } .clearfix:after { clear:both; } IE6가 지원하지 않기 때문에 i는 뒤에 새로운clearfix를 만듭니다. 정zoom: 1
ps Adobe Photoshop은 Adobe Systems에서 개발 및 배포한 이미지 처리 소프트웨어로 주로 픽셀로 구성된 디지털 이미지를 처리합니다.평면 처리, 광고 촬영, 구상 창의, 전문 평가, 웹 제작, 후기 수식, 시각 창의, 인터페이스 디자인을 할 수 있다.기능적으로 볼 때 이 소프트웨어는 이미지 편집, 이미지 합성, 색채 교정 색조와 기능 색채 효과 제작 부분 등으로 나눌 수 있다.
상대 포지셔닝 포지셔닝:
포지셔닝이란 지정한 요소를 페이지의 임의의 위치에 배치하는 것을 말한다. 포지셔닝을 통해 임의로 요소를 배치할 수 있다
position 속성을 통해 요소의 위치를 설정합니다
선택할 수 있는 값:static: 기본값, 요소가 포지셔닝을 켜지 않았음relative: 원소를 켜는 상대적인 포지셔닝 absolute: 원소를 켜는 절대적인 포지셔닝fixed: 원소를 켜는 고정적인 포지셔닝
원소의position 속성이relative로 설정되었을 때 원소의 상대적인 위치를 시작합니다.요소의 상대적 위치를 설정한 후 오프셋을 설정하지 않으면 요소가 변경되지 않습니다. 2.상대적 포지셔닝은 요소가 문서 흐름에서 원래의 위치를 기준으로 하는 것이다.상대적으로 포지셔닝된 요소는 문서 흐름에서 벗어나지 않습니다 4.상대적인 포지셔닝은 원소를 한 단계 높일 수 있다.상대적 포지셔닝은 원소의 성질을 바꾸지 않는다. 블록이든 블록이든 내연이든 원소의 포지셔닝(position 속성 값은 비static 값)이 열렸을 때left right top bottom 네 가지 속성을 통해 원소의 편이량을 설정할 수 있습니다. left: 원소는 위치의 왼쪽 편이량에 대한 right: 원소는 위치의 오른쪽 편이량에 대한 top: 원소는 위치의 상단에 대한 편이량bottom: 원소는 위치 아래의 편이량에 비해 보통 두 개만 사용하면 한 원소를 포지셔닝할 수 있습니다.일반적으로 수평 방향의 오프셋 및 수직 방향의 오프셋을 선택하여 요소를 배치합니다.
절대 포지셔닝position 속성 값이 absolute로 설정되었을 때 원소의 절대 포지셔닝 절대 포지셔닝: 1.절대 포지셔닝을 켜면 요소가 문서 흐름에서 벗어납니다.절대 위치를 설정한 후 오프셋을 설정하지 않으면 요소의 위치가 변경되지 않습니다.절대 포지셔닝은 그와 가장 가까운 위치가 열려 있는 조상 요소에 비해 포지셔닝을 하는 것이다(일반적인 경우 하위 요소의 절대 포지셔닝을 열면 부모 요소의 상대적인 포지셔닝을 동시에 열 수 있다) 만약에 모든 조상 요소가 포지셔닝을 열지 않으면 유람기 창에 비해 포지셔닝을 한다. 4.절대 포지셔닝은 원소를 한 단계 높일 수 있다.절대 포지셔닝은 원소의 성질을 바꾼다. 내연 원소는 블록 원소로 변하고 블록 원소의 너비와 높이는 기본적으로 내용에 의해 벌어진다
고정 포지셔닝은 요소의position 속성이fixed를 설정할 때 요소의 고정 포지셔닝
，
을 켜는 것과 다르다. 고정 포지셔닝은 영원히 브라우저 창에 비해 고정 포지셔닝을 한다. 고정 포지셔닝은 브라우저 창의 어느 위치에 고정되고 스크롤에 따라 굴러가지 않는다. IE6는 고정 포지셔닝을 지원하지 않는다
원소의 최고급이 포지셔닝 원소의 등급이 같으면 아래의 원소는 위쪽을 덮을 것이다. z-index 속성을 통해 원소의 등급을 설정할 수 있다. z-index에 정수를 값으로 지정할 수 있다. 이 값은 현재 원소의 등급으로 하고 등급이 높을수록 포지셔닝이 열리지 않은 원소에 대해 z-index
를 사용할 수 없다는 것을 우선적으로 나타낼 수 있다.
투명도 설정 요소의 투명 배경opacity는 요소 배경의 투명도를 설정할 수 있습니다. 0-1 사이의 값 0이 필요합니다. 완전 투명 1은 완전 불투명 0.5를 나타내고 반투명 opacity 속성은 IE8 및 이하의 브라우저에서 IE8 및 이하의 브라우저는 알파(opacity=투명도) 투명도를 대체하기 위해 다음과 같은 속성을 사용해야 합니다.0-100 사이의 값 0이 필요하면 완전 투명 100을 나타내고 완전 불투명 50을 나타내며 반투명 50은 IE6을 지원하지만 이 효과는 IE 테스터에서 테스트할 수 없음
배경은 백그라운드-image를 사용하여 배경 그림 문법을 설정합니다. 백그라운드-image:url(상대 경로).
배경 그림이 요소보다 크면 그림의 왼쪽 상단
이 기본적으로 표시됩니다.
배경 그림이 요소와 같이 크면 배경 그림을 모두 표시합니다
배경 그림이 요소 크기보다 작으면 기본적으로 배경 그림을 요소로 가득 차게 평평하게 배열하여 한 요소에 배경 색과 배경 그림을 동시에 지정할 수 있습니다. 그러면 배경 색은 배경 그림의 바탕색으로 되어 있습니다. 일반적인 상황에서 배경 그림을 설정할 때 배경 색background-repeat은 배경 그림의 중복 설정 방식을 설정할 때 선택할 수 있는 값으로 사용됩니다. 리프트, 기본값,배경 이미지는 쌍방이 중복(평평하게 깔아) no-repeat, 배경 이미지는 중복되지 않으며 크기가 크면 큰 Repeat-x를 표시하고 배경 이미지는 수평 방향을 따라 Repeat-y를 중복하며 배경 이미지는 수직 방향을 따라 중복
배경 편향 포지셔닝 배경 그림은 기본적으로 요소의 왼쪽 상단에 붙어있는 백그라운드-position을 통해 배경 그림이 요소의 위치에서 선택할 수 있는 값을 조정합니다: 이 속성은 top right left bottom center의 두 값을 사용하여 배경 그림의 위치를 지정할 수 있습니다. top left 왼쪽 상단bottom right 오른쪽 아래에 한 값만 주면그러면 두 번째 값은 기본적으로center이고 두 개의 편이량을 직접 지정할 수 있습니다. 첫 번째 값은 수평 편이량입니다.
양수 값을 지정하면 그림이 오른쪽으로 이동합니다
음수를 지정하면 그림이 왼쪽으로 이동합니다. 두 번째는 수직 편이량
양수 값을 지정하면 그림이 지정한 픽셀
을 아래로 이동합니다
음수를 지정하면 그림이 픽셀 위로 이동
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
