언어공부/python27 holygrail and flex2 생활코딩의 영상예제 실습 : https://www.youtube.com/watch?v=bTVaV1O_13Y 현재 이렇게 보이는 화면에서 전체적인 내용을 홈페이지 중간에 배치하고 싶을 땐 어떻게 할까? 그럴 때 쓸 수 있는 것이 align-items 화면 안에 있는 전체는 구조상 body.body를 flex로 지정-> 한 블럭으로 묶기 코드 안에 넣어주기. body{ display: flex; align-items: center; } Q 근데 왜 body에만 넣어줘야하나..? content에 넣으면 표만이라도 중앙 정렬되어야 하는거 아닌가..? 근데 화면 가로 너무 차지하는거 아닌가?좀 가운데로 서자 하려면 .container 에 width값을 지정해주면 됨. Q 그럼 칸이 줄어들면서 위로 길어지는데,, .. 2018. 2. 21. holygrail and flex 01 * 생활코딩의 holygrail 을 이용하여 만든 페이지 https://www.youtube.com/watch?v=8DJBCHro-3Q Holygrail layout. 이 형태를 코드로 작성해보면, 세 영역으로 나눈 후에 콘텐츠 부분은 다시 세 부분으로 나눔. 1. header, 2. content(nav/main/aside)3. footer 이렇게 이름을 정의해주고, 태그로 꾸밀 때 속성을 정의하고 싶은 부분을 불러서 코드를 넣어주면 됨. (css부분) 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 Coloredㅇ by Color Scriptercs 공부에 참고한 자료 : 뷰티풀cs.. 2018. 2. 21. CSS_inline and block The display property of CSS 참고하면 좋은 문서 : www.beautifulcss.com/archives/1179이해하기 쉽게 설명.http://blog.naver.com/PostView.nhn?blogId=iyakiggun&logNo=100162787755 2018. 2. 19. CSS _ BOX MODEL CSS 생성방법아톰에서 새파일 -> styles.css 로 이름지으면 끝. CSS의 요소 1. selector : {} 로 묶는 것들.2. property : you'd like to style of that element (size, color, etc) value는 18px for size, blue for color property는 무조건 소문자. 공백없고 value마지막에 세미콜론! 그리고 이 seletor은 div {} header{} footer{} P{} 다 됨. ID나 class도 다 됨. ID의 경우 샵써주고 아이디이름뒤에 쓰기 : # name of the ID {} , class의 경우 .name앞에 class이름 써주기 : name ot the class.name 태그랑 클래스를 섞.. 2018. 2. 17. 이전 1 ··· 3 4 5 6 7 다음
