무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결CSS 기본부터 활용까지
flex - holy grail layout
실습 해보는데 css 중앙 정렬이 안되더라구요 그래서 뭔가 하고 봤더니 doctype부분에서만 차이가 있는데 오히려 doctype을 선언하지 않으니까 중앙 정렬이 돼요. 이게 왜 이럴까요?
- 미해결CSS 기본부터 활용까지
Flex 4 : holy grail layout
레이아웃의 큰 틀을 잡을 때 무조건 flex를 사용해야하는 것인가요???
- 미해결CSS 기본부터 활용까지
쌤은 body에 높이값을 안주셨는데 어떻게 align-items가 적용이 되셨나요?
저는 그게 안되서 찾아보니까 높이값이 필요하다고 하더라구요.쌤은 높이값을 안주신것 같은데 어떻게 그게 되셨나요?
- 미해결CSS 기본부터 활용까지
굳이 display:flex하고 flex-direction:column으로 한 이유가 궁금합니다!
7,8번째 줄이요!굳이 저렇게 하지 않아도 구현할 수 있지 않나요?
- 미해결CSS 기본부터 활용까지
p태그끼리 마진을 주지 않았는데 사이 간격
4:27초쯤에 p태그끼리 마진을 아직 주지 않은 상태인데 왜 사이에 간격이 있나요?
- 미해결CSS 기본부터 활용까지
css수업-flex 4:holy grail layout
<!-- section의 세 개: navigation, main, aside를 수평으로 layout --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .container{ display:flex; flex-direction:column; } header{ border-bottom:1px solid gray; } footer{ border-top:1px solid gray; } .content{ display:flex; } .content nav{ border-right:1px solid gray; } .content aside{ border-left:1px solid gray; } nav,aside{ fles-basis:150px; } </style> </head> <body> <div class="container"> <header> <h1>생활코딩</h1></header> <section class="content"> <nav> <ul> <li>html</li> <li>css</li> <li>javascript</li> </ul> </nav> <main> 생활코딩은 일반인을 위한 코딩 수업 </main> <aside> /* 광고부분 */ AD </aside></section> <footer> <a href="https://opentutorials.org/course/1">홈페이지</a></footer> </div> </body> </html> Q. nav,aside{}부분은 왜 .content nav 이런식이 아닌 이유가 무엇인지 궁금합니다.
- 미해결CSS 기본부터 활용까지
color:blue;
#lecture>li{ border:1px solid red; color:blue; 이렇게 작성했는데 1.selector 2.declaration 부분까지도 전부 파란색 글자로 변했어요 뭐가 문제인가요??
- 미해결CSS 기본부터 활용까지
질문있습니다.
p태그에서 border ; 크기 선모양 선색상 이던데 border; 선생상 크기 선모양 이렇게는 적용안되나요?
- 미해결CSS 기본부터 활용까지
flex 구현이 안되요. 소스 그대로 복사 붙이기했는데도그래요
동영상 밑에 있는 코드 그대로 복사 붙이기했는데도 제 컴퓨터의 크롬,익스플로어 둘 다에서는 제대로 구현이 안되는 이유를 모르겠어요...뭐가 문제일까요; 값을 아무리 바꿔봐도 계속 똑같은, 아래와 같은 모습이에요. 줄어들어야할 부분이 꿈쩍도 안하네요 ㅠㅠ
- 미해결CSS 기본부터 활용까지
delay가 작동을 안하네요..
<!DOCTYPE html> <html> <head> <style> a{ font-size: 3rem; display: inline-block; /* transition-property: font-size transform; transition-duration: 1s; */ /* transition:all 0.1s; */ transition: font-size 1s, transform 0.1s; transition-delay: 1s; } a:active{ transform: translate(20px,20px); font-size: 2rem; } </style> </head> <body> <a href="#">Click</a> </body> </html>
- 미해결CSS 기본부터 활용까지
6:19 도움말키는법
도움말 키는 단축키가 무엇인가요?
- 미해결CSS 기본부터 활용까지
속성복사 붙여넣기 기능 6:26
6:26 즈음에 grayscale(100%)을 밑에 두 줄에 똑같이 붙여넣기 하셨는데 사용하신 단축키가 무엇인가요? 6:54 에도 0%만 또 다같이 한번에 바꿔주셨는데 사용하신거같은데 단축키가 알고싶습니다. 그리고 7:25에 webkit-filter: ; -o-filter: filter: 세개 한번에 나오게 하신거 tab누르신건가요? 저는 filter+tab하면 -webkit-filter filter 이 두개밖에 안나오거 -o-filter은 안나오는데 어떻게 세개 한꺼번에 나오게 할수있나요?..
- 미해결CSS 기본부터 활용까지
05:09
마진 바텀 값이 100이하 때부터 움직이지 않는다가 옳지 않나요?
- 미해결CSS 기본부터 활용까지
이고잉 선생님 강의 차이가 무엇인가요?
WEB1 WEB2 WEB3 시리즈랑요, Html기본 css기본부터 활용까지 이렇게 수업들이 다 같은내용을 알려주시는거같은데 안에 양 차이는있지만 크게 차이가 있나요?? WEB1 ~ WEB3 시리즈가 간단하게알려주고 Html 기본 정복, css기본부터 활용까지 전부 이고잉선생님이 알려주시던데 무슨차이인지 정확히 알 수 있을까요?
- 미해결CSS 기본부터 활용까지
태그 단축키
#small+#large 적고 바로 태그로 만드는 단축키가 있나요??
- 미해결CSS 기본부터 활용까지
이랑
<!doctype html>로 하고 bpdy{ display: flex; align-items: center; } 이렇게 하면 변화가 없는데 페이지소스보기로 확인해보니 body의 크기가 body안에 소스들 크기만큼만 body 크기가 잡혀서 중앙배치해도 그대로인거 같은데 <!doctype>영상처럼 이렇게 하니깐 body 크기가 웹브라우저 전체크기로 잡히더라구요 이게 차이가 뭐져..?ㅠㅠ
- 미해결CSS 기본부터 활용까지
마지막에 말씀하신 인포그래픽은....?
중간에 끊겼는지 인포그래픽이 안나오네요 ㅠ
- 미해결CSS 기본부터 활용까지
메타 적용 유무에 따른 가상 클래스 선택자
저 궁금한게 있는데요 active랑 hover를 동시에 적용했을 때 만약 utf-8메타를 적용하면 끌었을 때 액티브 효과가 발생하지만, 만약 메타 적용안하면 계속 호버인 상태로 되는데 왜그런지 알고 싶습니다.
- 미해결CSS 기본부터 활용까지
이고잉선생님
div라는 태그가 뭔가요잘모르겠습니다....
- 미해결CSS 기본부터 활용까지
이고잉 선생님꼐
선생님 이건 수업이랑 좀 관련 없는 얘기인데요.궁금한게 있어서 여쭈어봅니다.제가 실은 선생님 수업을 들으면서 혼자 실무 경험할 수 있는게 뭐있나 살펴보다가.알바몬에 올라온 홈페이지 관리하는 재택근무 알바를 하게됐는데요.이미지 올려주고 a태그 걸려있는 링크를 다른 곳으로 변경도 해주고 뭐 그런식으로 일하다가막히는게 있어서 질문드립니다. 혹시 실례가 안된다면 답변 주시면 감사하겠어요문제는 이렇습니다. 인터넷 익스플로러에서는 이미지 수정이 됐는데 크롬에서는 수정한 이미지로 뜨지않습니다. 왜 그런것인지 알려주시면 감사하겠습니다. 작업을 크롬에서도 하고 익스플로러에서도 따로 해야되는건지 모르겠어요..흠...