본문 바로가기

프로그램 개발(분석, 설계, 코딩, 배포)/2.1.2 web_css6

코드 단편_코드 설명 label 하위 em의 속성 .agree_area .custom_form label > e m{ display: position: left: } ease: 갈수록 느려지는 기능 transition: 동적인 애니메이션 2023. 1. 27.
정의 목록 디자인 [html/css]목록을 만드는 태그 어제 목록을 만드는 태그 중 을 배웠고요. 오늘은 태그를 알아보겠습니다. 목록을 만드는 ul, ol, li 태그 태그는 definition list(정의 목록)의 약자로, 사전처럼 용어를 설명하는 목록을 만듭니다. 는 definition term(정의 용어)의 약자로, 정의되는 용어의 제목을 넣을 때 사용합니다. 는 definition description(정의 설명)의 약자로, 용어를 설명하는 데 사용합니다. ▶실제 사용 예를 볼까요? html/css Definition List google verb. to search for something on the Internet using the Google™ search engine Google Google is an .. 2023. 1. 27.
web_css_class 사용법 class 사용법 css selector box box box box box 2023. 1. 8.
web_css_transition transform /* transition: A ---> B로 변환되는 중간 과정을 부드럽게 연결하는 css 효과 transition-property transition-duration transition-timing-function: linear, ease, ease-in, ease-out, ease-in-out transition-delay transform: width, height 이외이 변형 요건에 해당하는 css 효과 */ css transition transition: width 2s; transition: width 2s, height 4s; transition-timing-function: linear; transition-timing-function: ease; transition-timing-funct.. 2023. 1. 8.
web_css_div ul box-shadow text-shadow div “Of course, using phones with geolocation is a mistake. But it is clear that this version looks a bit ridiculous,” according to the spokesman for the Eastern Group of the Ukrainian Armed Forces, Serhii Cherevatyi. div 선언 방법 box UL 사용 방법 list list list list list list box-shadow 사용법 출처: https://www.codingfactory.net/10628 CSS div { width: 600px; margin-bottom: 20px; padding: 10px 30px; backgro.. 2023. 1. 7.