반응형 CSS6 CSS_박스 안녕하삼사리요!! 코딩초밥입니다 ㅇㅅㅇ 오늘은 CSS과정중 박스 모델을 만들어볼텐데요? 고고 실습 TIP!!!!!! 코딩을 전체 복붙을 하신뒤 요소만 남기고 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis minima odio natus tenetur sed sapiente inventore nihil error, veritatis deserunt ullam nesciunt recusandae fugit eos, numquam autem itaque officiis ducimus. gooooogle nice to meet you p1 p2 Lorem ipsum dolor sit amet consectetur, adipisicing elit.. 2021. 5. 30. CSS_의사선택자 안녕하세요 코딩초밥입니다 ㅇㅅㅇ 혹시 www.naver.com 2021. 5. 23. CSS의혁명,FLEX 안녕하세요 코딩초밥입니다 ㅇㅅㅇ 웹앱을 만들려고했을때 저는 처음에 배치를 하는 과정이 안드로이드스튜디오와 달라서 힘들었는데요!(사실 실력이 부족..) CSS로 콘텐츠를 배치를 하려면 일일이 하나씩 배치를 하는 느낌이라서 꽤 힘들었습니다. 허나 이 FLEX 기능은 안드로이드스튜디오처럼 자식요소들의 배치를 부모요소가 결정을 합니다(한줄기의희망) 자 같이 알아보도록할까요? 안드로이드 스튜디오에서 작업하시다 오신분들에게 설명을 빠르게 드리기위해서는 방향지정에 관한 키워드입니다 눈에 익으시죠? 이렇게 생각하시면됩니다. orientation=flexdirection horizontal= row vertical= colcumn display의 한 요소인 flex는 자식요소들을 자동으로 inline-bl.. 2021. 5. 2. HTML에 대한 이해 안녕하세요 코딩초밥입니당!! ㅇㅅㅇ 요즘 비가 많이 오네요 모두 건강 조심하세용 😍😍 저번에 개발 방식에 대한 종류를 알아보았는데요 WebAPP을 만드는데 총 3가지의 계념이 필요한데요 HTML, CSS, JAVASCRIPT입니다. 자 HTML은 뭘까요? 우리가 HTML의 코드를 살펴보기 전에 HTML이 왜 필요하고 어떻게 만들어졌는지 알아보는 시간을 가지겠습니다 (알고 공부하면 이해가 더 빠르..겠지? 그러겠지? 그럴거야) 그냥 쭈우욱 흐름대로 읽어주시면 감사하겠습니다. 앱을 만들거나 작업을 한다고 가정해봅시다. 수많은 데이터들이 필요하다고 했을 때 우리는 무엇을 하나요? 하나하나 내 컴퓨터에다가 저장을 하나요? 제 컴퓨터 포함해서 어느 컴퓨터도 정보를 저장시키는 데에 한계점이 있을 겁니다. 그래서.. 2021. 4. 30. CSS_CSS에 대한 이해 안녕하세요 코딩초밥입니다 ㅇㅅㅇ 즐거운 하루네요 😁 가끔 네트워크에 이상이 생길때 이렇게 변하는거 보셨나요? 사실 이건 CSS가 아직 로딩이안되어서 HTML 본연의 모습을 보여준것입니다. CSS는 HTML의 디자인을 맏아서 합니다 ·거대하고 복잡한 사이트를 관리할 때에 필요 ·모든 페이지들이 동일한 CSS를 공유 ·CSS에서 어떤 요소의 스타일을 변경하면 관련되는 전체 페이지의 내용이 한꺼번에 변경 지금은 CSS3까지 나와있습니다 CSS3의 기능 ·선택자(selectors) ·박스 모델(Box Model) ·배경 및 경계선(Backgrounds and Borders) ·텍스트 효과(Text Effects) ·2차원 및 3차원 변환(2D/3D Transformations) ·애니메이션(Animation.. 2021. 4. 30. CSS_선택자의종류 안녕하세요 코딩초밥입니다 ㅇㅅㅇ 오늘은 CSS로 디자인을 한다면 어떻게 하는거지? 또, CSS로 디자인코드를 쓰면 웹사이트안에있는 요소들이 다 지정되서 바뀔텐데 어떻게 하나하나 선택해서 디자인하는거지? 의 궁금증을풀어보겠습니다 실습 TIP!!!!!! 코딩을 전체 복붙을 하신뒤 요소만 남기고 css요소들을 하나씩 대입해가면서 바뀌는 부분들을 확인해보세요!!! 그럼 차이점이 바로보이실겁니다. 😍😜 ※선택자의 종류 CSS를 시작하기 앞서 '6번쨰 줄만 파란색으로 바꾸겠다' '이 리스트에 두번째줄만 빨간색으로' 처럼 한부분을 지정해서 디자인을하는것이 가능해야 디자인을 시작하겠죠? 오늘은 선택을 할수있는 방법들에대해 알아보겠습니다. css selector test hello world nice to meet .. 2021. 4. 28. 이전 1 다음 반응형
