opacity 속성

● opacity 속성 - 요소의 불투명도를 설정함 - 최소 0에서 최대 1까지 가능 - 0 : 투명도100% - 1 : 투명도0%

• format_list_bulleted Front-End Study/CSS 사전
• · 2022. 10. 20.
• textsms

transition 속성

● transition 속성 - 웹 요소의 스타일 속성이 바뀜 - transition-property : 트랜지션 대상 설정 - transition-duration : 트랜지션 진행 시간 설정 - transition-timing-function : 트랜지션 속도 설정 - transition-delay : 트랜지션 지연 시간 설정 - transtion : 위 4가지의 속성을 한꺼번에 설정

• format_list_bulleted Front-End Study/CSS 사전
• · 2022. 10. 20.
• textsms

트랜지션 (Transition) 속성 정리

트랜지션 (Transition) 속성 정리 1. 트랜지션 (백과사전 바로가기) - 웹 요소의 배경 색이 바뀌거나 도형의 테두리가 원형으로 바뀌는 것처럼 스타일 속성이 바뀌는 것 2. 트랜지션의 유형 속성 설명 transition-property 트랜지션 대상을 설정 transition-duration 트랜지션 진행 시간을 설정 transition-timing-function 트랜지션 속도 곡선을 설정 transition-delay 트랜지션 지연 시간을 설정 transtion 위 4가지의 속성을 한꺼번에 설정 3. 연습문제 .tr1 { width: 100px; height: 100px; background-color: blue; border: 1px solid black; /* 너비를 2초 동안, 높이를 ..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 10. 20.
• textsms

가상 요소

가상 요소 1. 가상 요소 - 내용의 일부만 선택해 스타일을 적용할 때 사용함 - 가상 클래스와 구별하기 위해 클래스 이름 앞에 콜론 두 개(::)를 붙임 2. ::first-line 요소와 ::first-letter 요소 - ::first-line 요소 : 첫 번째 줄에 스타일 적용 - ::first-letter 요소 : 첫 번째 글자에 스타일 적용 ※ br 태그로 글을 나눌 수 있음 걱정도 별을 둘 나는 계십니다. 나는 무덤 새워 이런 버리었습니다. p::first-line { background-color: lightseagreen; } p::first-letter { background-color: lightcoral; } 3. ::before 요소와 ::after 요소 - 내용의 앞뒤에 콘텐츠 ..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 10. 12.
• textsms

테이블 관련 태그

● table, tr, td, th 태그 - table 태그 : 표의 기본 틀을 생성 - tr 태그 : 표의 행을 생성 - td 태그 : 표의 열을 생성 - th 태그 : 표의 제목 셀을 생성

• format_list_bulleted Front-End Study/HTML 사전
• · 2022. 10. 12.
• textsms

테이블 관련 태그 정리

테이블 관련 태그 정리 1. 표 만드는 태그 (백과사전 바로가기) - , , , 태그 : 기본적인 표를 제작 - 태그 : 표의 기본 틀을 제작 - 태그 : 행을 제작 - 태그 : 셀(열)을 제작 - 태그 : 표의 제목 셀을 제작 제목 셀 1행 2열 1핼 3열 제목 셀 2행 2열 2행 3열 2. colspan, rowspan 속성 - 행 or 열 합치기 - colspan 속성 : 가로로 합침 - rowspan 속성 : 세로로 합침 이름 연락처 주소 자기소개 3. 표에 제목 붙이기 - 태그일 경우, 제목 타이틀 소 제목 타이틀 이름 연락처 주소 자기소개 - 태그일 경우, 제목 타이틀 소제목 이름 연락처 주소 자기소개

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 10. 12.
• textsms