전체 글40 Welcome to Javascript 2.0 To bring JS filebody>script src="app.js">script>body> Console -> JSStyle -> CSSElement -> HTML2.1 Basic data typesjavascript has type, and understand it automatically1) Number (Integer) = Full number, Float (eg. 0.5)2) Text (string) -> Always with " " 2.2~2.3 VariablesIn VScode, app.js console.log(value/string);-> print something(value/string) on your console Variable : Save or Hold Value.T.. 2024. 8. 2. States, Transition, Media Query 3.17 Statesactive: when you click, background color or something change ->button:active {background-color: tomato;}hover: when mouse cursor is on top of the buttonfocus: when the button is selected by the keyboardvisited: only appies with link. ->a:visited {color: tomato;}focus-within : applies with fatheris a state for an element has children that is focused. = when children is focused, father.. 2024. 7. 30. Login Form, Navigation, Screen header styles.css 에서 이어서! #login-form{ (#ID login-form display:flex; (#we don't want things next to each other) flex-direction: column; (#we want things under each other) margin: 0px 30px; (top and bottom zero, rt/lt 30 px) #login-form input { (#ID login-form, all the input) border: none; padding:15px 0px; font-size: 18px; border-bottom: 1px solid rgba(0,0,0,0.3); margin-bottom: 25px; transition: borde.. 2024. 7. 24. Position, Pseudo selector 3.12 Position -> Can be used when you want to modify a little bit right/up side like this 1) position: fixed even if page scrolling down, 'div' stay same position.3.13 Relative Absolutewill align itself according to the closest relative father.If you do position absolute, it will be aligned according to you should do relative to parent element.it means from where the element start to the top/ri.. 2024. 7. 23. 이전 1 2 3 4 5 6 ··· 10 다음