CSS 지식 포인트 모음

이 글은 CSS 지식 포인트 모음을 소개합니다

CreateTime--2016년 9월 29일 09:43:10
저자:Marydon
1. 배경색 선형 그라데이션

background-color:linear-gradient(100deg,#FFF,#111);/*由黑色向白色渐变 deg表示度数*/

UpdateTime--2016년 10월 25일 11:37:53
UpdateTime--2016년 11월 23일 09:53:46
2. 단일 테두리로 병합할 테이블

border-collapse: collapse;/*前提：table的border=1或border="1"或border="1px"*/

UpdateTime--October 29, 2016 09:04:07
3. p 최소 높이를 설정하고 자동으로 늘어나는 높이

#pHeight{height:auto;min-height:5px;width:800px; background:#bbeeeb;margin:0 auto;} 　　

<p id="pHeight"> 　　　
此p具有最小高度且高度可以随着内容的增高而自动伸展 
<br/>　　此p具有最小高度且高度可以随着内容的增高而自动伸展 
</p>

자동으로 늘어나는 최소 너비와 너비 설정

width:auto;min-width:5px;height:800px;

4. 줄 바꿈을 비활성화하는 두 가지 방법
방법 1:
일반적으로 브라우저에 표시되는 문서는 브라우저에 도달할 때 배너가 표시됩니다. 하지만 텍스트가 ~ 태그에 포함되어 있으면 줄바꿈되지 않습니다.
태그 사용
방법 2:
사용 CSS 스타일

style="white-space:nowrap;"

UpdateTime--2016년 11월 25일 08:57:49
줄 바꿈을 금지하도록 td 설정

<td nowrap="nowrap"></td>

UpdateTime--2016년 10월 31일 09:44:17
5.display style
인라인 인라인 요소(다른 요소와 함께 한 줄 차지, 줄 바꿈 없음, 너비 및 높이는 설정할 수 없음)
block 블록 수준 요소(한 줄만 차지, 너비와 높이 설정 가능)
inline-block 인라인 블록 수준 요소(다른 요소와 함께 한 줄을 차지하지만 너비와 높이 설정 가능) ) 높음) (인라인 요소와 블록 수준 요소의 특성을 모두 가짐)
없음 요소 숨기기

document.getElementById("aa").style.display="";//表示的是：清除display样式，display将使用默认值（块元素会变成block，内联元素会变成inline）

UpdateTime--2016년 11월 24일 날짜 11:44:31
6.ime 모드 구문 및 텍스트 변환 구문
　UpdateTime--2016년 12월 15일 19:52:16

/*屏蔽输入法，可以用来禁止录入中文*/
　　ime-mode:disabled; //IE兼容，chrome不兼容
　　<input type="text" name="mobile" style="ime-mode:disabled;" />
/*将输入的英文字母转全部换成大写字母*/
　　text-transform:uppercase;
　　<input type="text" name="mobile" style="text-transform:uppercase;" />
UpdateTime--2017年1月9日10:23:23
/*将输入的英文字母转全部换成小写字母*/
　　text-transform:lowercase;
　　<input type="text" style="text-transform:lowercase;"/>

자세한 소개
ime-mode 구문: (이 구문은 Google 브라우저에서 유효하지 않으며 js로 제어해야 합니다. "입력 텍스트 상자 입력 콘텐츠 제어" 파일을 참조하세요.)
ime-mode: auto | 활성 | 비활성 | 비활성화
값:
자동: 기본값입니다. IME 상태에는 영향을 주지 않습니다. ime-mode 속성을 지정하지 않은 경우와 동일
Active: IME를 사용하여 입력한 모든 문자를 지정합니다. 즉, 현지 언어 입력 방식을 활성화하는 것입니다. 사용자는 여전히 IME를 비활성화할 수 있습니다.
inactive : IME를 사용하여 입력되지 않은 모든 문자를 지정합니다. 즉, 비모국어를 활성화시키는 것입니다. 사용자는 여전히 IME를 비활성화할 수 있습니다
　　disabled: IME를 완전히 비활성화합니다. 입력 상자와 같은 집중된 컨트롤의 경우 사용자는 IME를 활성화할 수 없습니다
　　text-transform 구문:
　　text-transform: 없음 | 대문자 | 소문자
　　값:
　　 없음:  기본값. 변환 없음
capitalize: 각 단어의 첫 글자를 대문자로 변환하고 나머지는 변환하지 않습니다
대문자: 대문자로 변환
소문자: 소문자로 변환
7. p를 자동으로 설정 콘텐츠 래핑
p 상자의 높이와 너비가 고정된 경우 표시되는 콘텐츠가 p의 너비를 초과하고 콘텐츠가 문제 이상으로 래핑되지 않습니다.
CSS 스타일 설정

　　word-wrap:break-word;

8. p와 li의 내용이 컨테이너 너비를 초과하는 경우 초과된 부분은 ".." 형식으로 표시됩니다.
전제 조건: p 및 li의 너비 li을 먼저 결정해야 합니다
속성 추가

　　text-overflow:ellipsis;
　　white-space:nowrap;
　　overflow:hidden;

9. IE 브라우저에서 텍스트 상자 및 비밀번호 상자 표시 스타일 제어

아아아

아아아아

위 내용은 CSS 지식 포인트 모음의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!