> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 속성은 무엇입니까

CSS의 속성은 무엇입니까

醉折花枝作酒筹
풀어 주다: 2021-07-15 10:57:53
원래의
15205명이 탐색했습니다.

CSS 속성에는 다음이 포함됩니다. 1. 글꼴 속성, 배경 3. 블록 속성, 상자 5. 목록 속성, 테두리; 8. 포지셔닝 속성, 위치 등

CSS의 속성은 무엇입니까

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

1. 글꼴 속성: (글꼴)

size 글꼴 크기: PD

스타일 글꼴 스타일: 기울임꼴(기울임꼴) 일반(보통); (보통) 단위: PX, PD, EM

글꼴 무게 :bold;(굵게) 더 가벼움;(얇은) 보통;(보통)

variant Font-variant: small-caps;(작은 대문자) 보통;(보통) )

case text-transform: 대문자; (대문자) 소문자; 없음 (없음)

수정 텍스트 장식: 밑줄(밑줄); (취소선) 깜박임;( 깜박임)

2. 배경 속성: (배경)

color background-color: #FFFFFF;

picture background-image:url();

repeat background-repeat:no- 반복;

스크롤 배경 -첨부: 고정; (스크롤)

위치 배경-위치: 왼쪽(가로) 위(세로)

약어 방법 배경: #000url(..) 반복 고정 왼쪽 top;

三, 블록 속성: (블록)

letter-spacing:normal; value

align text-align:justify;(양쪽 끝 정렬) 왼쪽;(왼쪽 정렬) 오른쪽;(오른쪽 정렬) ) center;(center )

indent text-indent: value px;

vertical alignment 수직 정렬:baseline;(baseline) sub;(subscript) super;(subscript) top; -bottom ;

word-spacing:normal; value

white-space:pre;(예약됨) nowrap;(줄 바꿈 없음)

display display:block;(블록) 인라인;(포함) 목록 항목; 목록 항목) 런인; (부분 추가)

(마커) 테이블; 테이블-바닥글-그룹; ; 테이블-열; 테이블-캡션; (테이블 제목)

4. 너비:; 여백:; 패딩:; 순서: 위쪽, 오른쪽, 아래쪽, 왼쪽

5. 테두리 속성: (테두리)

테두리 스타일: 점선(점선); 이중선) 홈; (능선) 삽입(움푹 들어간 곳);

border-width:; 테두리 너비

border-color:#;

약어 방법 테두리: 너비 스타일 색상

6. 목록 속성: (목록 스타일)

유형 목록 스타일 유형: 디스크(점) 원(원) 사각형(사각형) 소수(숫자) 소문자; ) 상위 로마자; 하위 알파;

위치 목록 스타일 위치: 외부; (외부) 내부;

속성: (위치)

위치: 절대; 정적;

가시성: 상속; 숨김;

클립: ect(12px,auto,12px, auto) (자르기)

8. CSS 기호 속성:

list-style-type:none; /*숫자 없음*/

list-style-type:decimal; -style-type:lower-roman; /*소문자 로마 숫자*/

list-style-type:upper-roman; /*대문자 로마 숫자*/

list-style-type:lower-alpha; 영문자*/

list-style-type:upper-alpha; /*영문자 대문자*/

list-style-type:disc; /*채운 원 기호*/

list-style-type: Circle; /*빈 원 기호*/

list-style-type:square; /*채워진 사각형 기호*/

list-style-image:url(/dot.gif) /*그림 스타일 기호*/

list -style-position: 외부; /*볼록한 행*/

list-style-position:inside; /*indent*/

9. CSS 연결 속성:

a /*모든 하이퍼링크 */

a :link /*하이퍼링크 텍스트 형식*/

a:visited /*본 링크 텍스트 형식*/

a:active /*누른 링크 형식*/

a:hover / *마우스를 눌러 링크*/

추천 학습 : css 동영상 튜토리얼

위 내용은 CSS의 속성은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿