Lecture (86) 썸네일형 리스트형 2021.3.10 (Tue) - Assignment Searching and Understanding CSS (which are firstly seen) background:url >> background에 url 넣음 background-position >> 배경 dlalwl 위치 설정 x% y% >> x위 아래 y 양옆으로 text-align >> text center alignment line-height >> 줄 높이 설정 - 줄 간격 border-radius >> 테두리 둥글게 설정/ 8개 사이즈 설정 = top left> top right / top left (아래로) top right (아래로) bottom right (위로) bottom left (위로) >> Apx Bpx / Cpx D p.. 2021.3.11(Thu) - GROUP CSS FIXED VER. 달라진점 A- contents에 넣었던 margin container로 옮김 바뀌기전 #container{ width:100%; height: 600px; background: red; } #contents{ width: 1200px; margin: 30px auto 0 auto; height:100px; background: blue; } 바뀐 후 #container{ width:100%; height: 600px; margin-top: 30px; } #contents{ width: 1200px; margin: 0 auto; } 사실 이 margin에 뭔가 들어가지 않는 다면 상관은 없다고 함 달라진점 B - con_notice 에 width 부여 바뀌기 전 에는 .con_notice에 css자체를 부.. 2021.3.11(Thu) - Def box-sizing: border-box; - explorer 에선 작동이 안됨,,,,, > 적용하는 방법도 있음 문제점 A: con_item> a 부분에서 바로가기 폰트 크기 조절이 안됨 폰트를 줄이면 border도 같이 줄어들었음 해결 A: border자체에게 width랑 height를 부여해서 폰트 크기에 따라가지 않게 해준다 >> 이것만 하면 되는게 아니라 a에 line-height를 줘서 text랑 박스 사이에 간격을 만들어줘야지 박스가 텍스트 크기를 따라가지 않는다. + 폰트 가운데로 보낼때는 use text-align: center; rather than padding > why? >> tried through padding .con_item > a{ display: block; width:.. 2021.3.10 (Wed) -def margin 개념정리 margin: A px; - 사방으로 A px만큼 margin이 생긴다 margin: A px B px; - 위아래로 A px 만큼, 양옆으론 B px 만큼 마진이 생긴다 margin: A px B px C px D px; - 시계방향대로 마진이 생긴다/ 위로 A px, 오른쪽으로 B px, 아래로 C px, 왼쪽으로 D px Example) margin: 0 auto - 위아래로 마진을 주지 않고 양옆으로 auto는 가로 중앙에 배치한다는 뜻이다. 그리고 자연스럽게 좌우 여백은 균등하게 배분된다. couldn't see container and contents in the page. Reason was: image was bigger than 'visual'. When i chan.. 2021.3.9 (Tue) - Def head 에 : css 와 html을 연결 image tag 헷갈림 / src 의미 찾아보기 >> source 였다 tag 순서 head에 link > wrapo> header which is h1> logo - 어디로 연결되는지(href); image connect(img scr) gnb = 메뉴바 > ul, li - 이건 ok logo - inside h1 > hyperlink through logo> img id/class 구분 - 일단 하지 말아봐 id로만 주기 Attribute 와 Element의 정확한 정의를 알고 어떤게 어떤건지 정확한 이해 필요!!! Element란 페이지에 있는 각각의 택들을 말함 , 등 >> 요소 Attribute는 Element 의 형식을 지정함 href, id, cl.. 2021.3.8 (Mon)- Def First/ DEFINITION html - HyperText Markup Languagehtml은 기본적으로 다 옆으로 붙음 하지만 그 사이에 공간이 있느냐 없느냐의 차이contants화면에 놓는거start with '' = element / ex) h1, div, ul, li, a, image, inputthe words come behind element = attribute / ex) src, href특정 element에 속성값이 존재한다 ex) img scr="경로" a href="#"모든 엘리먼드에 들어갈 수 있는 속성값 ; CSS - Cascading Style Sheetshtml의 외관을 꾸며주는 역할visualhtml로 놓은걸 정리 정돈 하는거JavaScript움직이기 Two Displa.. 이전 1 ··· 8 9 10 11 다음
