> 웹 프론트엔드 > HTML 튜토리얼 > html5 태그 css3의 일반적인 스타일

html5 태그 css3의 일반적인 스타일

高洛峰
풀어 주다: 2016-10-20 13:23:55
원래의
1708명이 탐색했습니다.

name: 다음 6개의 값을 가집니다.
application-name: 문서 이름 또는 애플리케이션 이름은 전체 문서에 하나의 값만 포함할 수 있습니다.
author: 문서 작성자
description: 문서 설명
generator: 문서를 생성하는 프로그램입니다.
키워드: 웹페이지 키워드로, 영어 쉼표로 구분됩니다.

바이두

href: 경로html5 태그 css3의 일반적인 스타일
src: 이미지 경로

태그 속성
테두리 테두리
셀 간격 테이블 외부 여백
셀 패딩 테이블 내부 여백
위치 정렬
Bgcolor: 배경 색상
배경: 배경 이미지
Bordercolor: 테두리 color

테이블

colspan은 2개 열에 걸쳐 있음

rowspan은 행에 걸쳐 있음

값 입력

텍스트 텍스트

비밀번호 비밀번호

라디오 단일 선택

체크박스 다중 선택

재설정 재설정

파일 파일 업로드

제출 양식 제출

이미지 그래픽 제출

버튼 일반 버튼

그룹 드롭다운

                                                                     
글꼴, 글꼴 크기: 글꼴-굵기(두께) 보통(보통) 굵게(굵게) 기울임꼴(이탤릭체)
글꼴 크기(크기) font-style(글꼴 스타일)

글꼴 색상:
색상불투명도(투명도 CSS3)


줄 간격, 정렬 등:
line-height(줄 높이)
text-align(Alignment)
letter-spacing(문자 간격)

텍스트 장식(텍스트 장식)

overflow 남는 부분 숨기기
text-overflow

text-overflow 텍스트 클리핑 클립 클리핑 텍스트 시 추가하지 않음... 줄임표 자를 때 추가합니다. .. 참고: 줄 바꿈 없음 및 오버플로 제어

text-shadow Shadow

text-indent


배경 속성:

배경(약어)

배경 색상 (배경색)
background-image (배경 이미지)
background-repeat (배경 이미지 반복 방식)

background-position (위치 좌표, 오프셋 수량)


일반적으로 사용되는 목록

list-style: 없음 스타일 없음 디스크 실선 원 원 중공 원 정사각형 실선 정사각형 십진수



상자 속성:

여백(여백/ border) 주로 상단

border(border)

padding(inner margin/padding)


뒤에 -top을 추가하시면 됩니다. 및 기타 방향

테두리 반경 테두리 둥근 모서리

상자 그림자 그림자



변환 효과: 변환

변형-원점 변환의 시작점 지정

없음 변환 없음

번역(길이 값 또는 백분율) 수평 방향, 수직 방향 또는 양방향

회전(각도) 요소 회전


기울기(각도) 기울이기X 기울이기Y 수평 방향, 수직 방향 또는 양방향으로 크기 조정 요소가 a로 기울어집니다. 특정 각도

매트릭스 사용자 정의

전환 효과: 전환

transition-property는 전환 CSS 속성의 기본값을 지정합니다. all

transition-duration 전환을 완료하는 데 걸리는 시간

transition-timing-function은 전환 기능을 지정합니다. 완화의 기본값은 (0.25, 0.1, 0.25, 1.0)입니다.

transition -delay 전환 시작 지연 시간 지정

@keyframes: 애니메이션 정의

animation

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