Ankiwoong (1853) 썸네일형 리스트형 HTML5 - 190609 Basic Study 27(위치 속성) 1. HTML Code 위치 속성 박스1 박스2 박스3 2. CSS Code @charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; } ul, li{ list-style:none; } h1{ width:100%; background:pink; width:70%; margin:auto; text-align:center; height:80px; line-height:80px; /* line-height:calc(80px); */ } div{ width:150px; height:150px; border:3px solid black; } #box1{ background:red; position:absolute; left:50px; top:50px; z-ind.. HTML5 - 190609 Basic Study 26(:taget 활용하기) 1. HTML Code css 선택자 :target활용하기(탭 메뉴) aaa bbb ccc 여기는 aaa입니다 여기는 bbb입니다 여기는 ccc입니다 2. CSS Code @charset "utf-8"; /* CSS Document */ div{ width:200px; height:100px; background:pink; /* border:1px solid red; */ /* display:none; */ height:0; overflow:hidden; transition:1s; } #aaa:target{ /* display:block; */ height:150px; border:1px solid red; background:gold; } #bbb:target{ /* display:block; */ b.. HTML5 - 190609 Basic Study 25(상태,링크,반응 선택) 1. 상태 선택자 :checked input:checked :focus input:focus :enabled input:enabled :disabled input:disabled :target input:target 2. 링크 선택자 :link a:lilnk :visited a:visited 3. 반응 선택자 선택자:active div:active 선택자:hover div:hover 4. HTML Code 상태 선택자, 링크 선택자, 반응 선택자 :active :hover :checked :focus :enabled :disabled :target :link :visited 링크 선택자 문자 선택자 :first-letter :first-line :after :before ::selection welcom.. HTML5 - 190609 Basic Study 24(CSS 속성 선택자) 1. 속성 선택자 기본속성 선택자[속성=값] input[type=text] 문자열속성 선택자[속성~=값] 공백 div[data-role~=row] 선택자[속성|=값] 하이픈 div[data-role!=row] 선택자[속성^=값] 시작 div[data-role^=row] 선택자[속성$=값] 끝 div[data-role$=row] 선택자[속성*=값] 포함 div[data-role*=row] 2. HTML Code CSS 2일차 newspaper newspaper newspaper newspaper newspaper 3. CSS Code @charset "utf-8"; /* CSS Document */ /* p 태그에 클래스 속성이 newspaper에 background 적용 */ p[class=newspap.. HTML5 - 190609 Basic Study 23(CSS 상속) 1. HTML Code css 상속에 대해서 32px=2em 부모요소에 적용한 스타일이 자식요소에 그대로 적용되는 현상 자동상속과 수동상속이 잇다 수동상속은 키워드 inherit를 사용한다. 자동상속은 글자스타일이 주로 상속된다. div내에 글자 div안에 p박스에 글자 링크(Link) css 스타일 우선 순위 welcome 안녕하세요 감사합니다 아이디선택자 인라인스타일 2. CSS Code @charset "utf-8"; /* CSS Document */ html{} body{ color:blue; font-family:sans-serif; font-size:14px; } div{ color:red; border:1px solid red; width:500px; } p{ color:green; /* 테.. Python Learn the basics Quiz 43 Q> In this mission your task is to determine the popularity of certain words in the text. (이 임무에서 당신의 임무는 텍스트의 특정 단어의 인기를 결정하는 것입니다.) At the input of your function are given 2 arguments: the text and the array of words the popularity of which you need to determine. (함수의 입력에는 두 가지 인수가 제공됩니다. 텍스트와 단어의 배열을 결정해야합니다.) When solving this task pay attention to the following points: (이 작업을 해결할 때 다음 사항에주의.. Python Learn the basics Quiz 42 Q> You are given the current stock prices. You have to find out which stocks cost more. (현재 주식 가격이 주어집니다. 어떤 주식이 더 많이 들었는지 알아야합니다.) Input: The dictionary where the market identifier code is a key and the value is a stock price. (시장 식별자 코드가 키이고 값이 주가 인 딕셔너리.) Output: A string and the market identifier code. (문자열과 시장 식별자 코드.) Example: best_stock({ 'CAC': 10.0, 'ATX': 390.2, 'WIG': 1.2 }) == 'ATX' .. Python Learn the basics Quiz 41 Q> You are given two strings and you have to find an index of the second occurrence of the second string in the first one. (두 개의 문자열이 주어지고 첫 번째 문자열에서 두 번째 문자열이 두 번째 나타나는 색인을 찾아야합니다.) Let's go through the first example where you need to find the second occurrence of "s" in a word "sims". ("sims"라는 단어에서 두 번째 "s"가 필요한 첫 번째 예제를 살펴 보겠습니다.) It’s easy to find its first occurrence with a function index .. 이전 1 ··· 191 192 193 194 195 196 197 ··· 232 다음
