728x90

Develop(개발) 14

[CSS] float 사용시 clear: both 를 왜 적어야할까?

어.. 왜 html 요소들이 내 마음대로 안 배치되고 뭔가 이상한 것 같지..? ㅠㅠ 라고 느낀 당신. 혹시 float 속성을 잘못 사용하지는 않았는가? html에서 block 요소들은 기본적으로 요소마다 한 줄씩 띄워진다. 개발자가 원하는대로 화면을 제어하고, 구성하기 위해서 css에서는 float와 flex 속성을 지원한다. 우리는 이 중 float 속성을 살펴보자. CSS에서는 float 속성을 요소에 적용해서 block 요소들을 상하가 아닌 좌우로 배치되게 만들 수 있다. 다음과 같이 float 를 사용할 수 있다. 다음은 section 부모 요소 안에 3개의 article 자식 요소를 넣는 html 코드이다. 이에 css를 다음과 같이 적용해보자. .floatEx section { border:..

C++로 만든 UP DOWN GAME

복학전에 공부겸 심심풀이로 C++또는 파이썬으로 게임을 만들어 보기로 했다. 가장 기초적인 게임부터 하나씩 만들어 볼 거다. 오늘 만들어본건 컴공 수업을 처음 들을 때 배우는 UP DOWN GAME인데 만드는 난이도가 쉽다. 여러 헤더를 얕고 다양하게 쓸 수 있어서 만들어보면 좋은 게임 같다. 아래는 소스 코드 #include #include #include #include #include using namespace std; string play("play"); string help("help"); string quit("quit"); bool hp=false; int main() { srand((unsigned int)time(0)); while(true) { system("cls"); cout

728x90
반응형