도로 CSS 학습 (4 개) 고급 기술

첫째, 숨겨진 요소를 보여

  디스플레이 속성을 설정함으로써, (1)

    디스플레이 : 없음; 요소 숨어 최대 // 세트

    // 세트 요소는 블록 레벨 요소뿐만 아니라 효과를 도시 한 도면 블록 : 디스플레이

  2. 가시성 가시성을 제공함으로써 (자세히 알아보기)

    가시성 : 보이는; 객체 시각화

    가시성 : 숨겨진; 숨겨진 개체

  오버 플로우 3. (오버 플로우) 특성 (키)

    

  요약 첫 번째 요소가 숨겨져있는 위치를 점유하지; 이하 여전히 사용 요소가 숨겨져있는 제 2 위치를 점유 부분적 과량 셋째 필수 숨김뿐만 아니라, 부동 제거

 

둘째, 사용자 인터페이스 표시 스타일

  1. 스타일의 마우스 커서, 커서는 속성 값을 설정하여 달성

    

  2. 개요 컨투어, 상기 프레임의 외주 가장자리에 위치하는 요소를 하이라이트 // 기본 형태 등고선 수동 다른을 설정할 필요가있다

    개요 : 개요 컬러 || 개요 스타일 || 개요 폭 

  3. 드래그 텍스트 필드 크기 조정 방지하기 위해

    일반적으로 배열 크기 조정 : 없음 // 비 드래그를 나타냅니다 없다

 

세, 수직 배향

  1.vertical 얼라 : // 수직 중앙 센터, 내측 부재와 로우 엘리먼트 열을위한 블록들만

  줄임표와 오버 플로우 텍스트 표시를하자 (2)

    

  / * 1 텍스트의 첫 줄에 강제 * /
      공백 : 파라미터 nowrap;
   / * 2의 초과 부분에 숨겨진 * /
      오버 플로우 : 숨겨진;
   / * 초과 타원 3. 대체 텍스트 부 * /
      텍스트 오버 플로우 : 줄임표;

  

넷째, 스프라이트 스프라이트 (중요)

  그 이유는 브라우저가 서버 자원을 사진에 요청하면 요청에 사진이 각 요청은 배경 목적을 위해, 자원 집약적, 서버는 서버의 응답을 줄이기 위해 압력을 가져올 것이다 많은 요청

  해결 방법 : 스프라이트

  해결 원칙 : 더 그래서 배경 이미지 브라우저 요청을 한 번만, 배경 이미지의 큰 배경 이미지의 합성을 조각난.

  구체적인 방법 :

    아트 아웃에 의해 생성되는 1 UI 스프라이트

    2. 요소 스프라이트의 부분을 사용할 필요를 들어, 첫번째 폭 및 위치 스프라이트 작은 차트 위치의 높이 및 작은 수치를 결정해야

    3. 속성 세트입니다

      배경 이미지

      배경 반복

      배경 위치 (가장 중요한 속성)

 

다섯 개 요소는 중도의 수준을 달성하기 위해 :

  1.margin : 자동 // 요소는 블록 레벨 요소가 제공하고, 또한 폭을 갖고

  2. 절대 위치 + 마진 왼쪽 : 절반 폭

 

추천

출처www.cnblogs.com/pythonxiaocaicai/p/11930153.html