본문 바로가기

다이앤달링619

CSS- boxsizing 생활코딩 : https://opentutorials.org/course/2418/13405 small, large로 이름지은 두가지 텍스트 박스를 만든다. 하나는 10px 다른 하나는 30px로 border를 만들고 같은 width를 적용시켜 본다.두개 박스의 전체적인 크기가 다르다. 왜냐하면 width는 border등을 고려하지 않은 부분을 기준으로 적용되기 때문이다.이럴 때 필요한 개념이 box-sizing: border-box; 모든 값을 포함해서 width적용하기에 보더크기가 달라도 전체 길이는 같게 된다. 각 값에 적용하거나*{box-sizing: boder-box;}로 전체에 적용해주기. div{ margin: 20px; width:150px; /* 둘다 똑같은 width값을 줬는데 전체적길이.. 2018. 2. 22.
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.
How I met your mother 경험상 나는 이럴 땐 보통... In my experience,the way this normally goes is, 한 동안 같이 누워서어색한 잡담이나 나누다가 we lie here for a while, make a little awkward chitchat. Then I make upsome Cabinet meeting, heart surgery, rocket test flightI've got to be at, slip out of the apartmentand never call you again. 아파트를 빠져 나간 다음다시는 전화를 안 할 거야 Okay, here's the deal, Barney. 좋아, 이렇게 하자. 바니 내 두 발이 땅에 내려서면 이건 없었던 일로 하는 거야 The se.. 2018. 2. 20.

티스토리툴바