웹 프론트엔드 CSS 튜토리얼 나쁜 CSS-아빠 농담

나쁜 CSS-아빠 농담

Sep 06, 2024 pm 02:30 PM

CSS를 다루는 아빠로서 웹 개발과 CSS에 대한 나쁜 아빠의 농담을 깨뜨리는 것은 시간문제였습니다(나도 줄곧 그렇게 해왔죠?)

자, 정말 형편없는 CSS 아빠 농담 모음입니다. 몇몇은 이미 comiCSS 사이트에 접속했습니다. 어떤 것들은 조만간 만화로 끝날 수도 있습니다. 일부는 원본이고 대부분은 기존 아빠 농담을 각색한 것입니다. 그 중 AI가 생성한 것은 없습니다. 그들 모두는 놀랍도록 끔찍합니다... 그리고 불행히도 (당신에게는) 당신은 (의심스러운) CSS 재미를 느끼고 있습니다!

이 기사에 첨부된 모든 그림은 HTML과 CSS입니다. 소스코드가 있으면 링크해드리겠습니다.

갑니다...


CSS 개발자들이 가장 좋아하는 음료는 무엇인가요?
:루트비어.

Bad CSS-Dad jokes

이것이 PG 버전이라는 것을 인정해야 합니다. 얼마 전 온라인에서 이 농담을 공유한 후 웹 개발자에게도 도움이 되는 몇 가지 대안을 얻었습니다.

  • 강한 .coffee { 필터: 없음 }
  • 돔 페리뇽
  • 플렉스박스 와인

치킨은 왜 거미줄을 넘었을까?
다른 사이트로 이동하려면.

그들이 모두 승자가 될 수는 없습니다. 사실... 그들 대부분은 전혀 승자가 아닐 것입니다.


나(아빠)가 애니메이션 방향을 사용할 때: 역방향.
"아! 이걸 보니 다시 생각나네요."


네거티브 애니메이션 지연에 대한 농담을 하려고 했는데...
하지만 당신은 그것을 이해하지 못했습니다.

Bad CSS-Dad jokes


CSS 파일은 왜 옷 쇼핑하러 갔나요?
새로운 스타일이 필요했습니다.


SVG가 가장 좋아하는 TV 진행자는 누구인가요?
닥터필.


웹 개발자가 div를 정렬하지 못한 이유는 무엇입니까?
그리드 외부에 배치되었기 때문입니다.


웹 개발자에게 신뢰 문제가 발생하는 이유는 무엇인가요?
다크그레이 때문이죠.

좋아요, 이것은 실제로 핵심이 아닙니다(어쨌든 그 중 하나라도 합니까?). 하지만 사실입니다. CSS에서는 DarkGray가 Gray보다 가볍습니다. 흥미롭게도 짜증나는 일입니다. CSS에 대한 또 다른 이상한 사실: 굵은 글꼴 두께가 굵은 글꼴 두께보다 가벼울 수 있습니다. 왜냐면... CSS?


CSS 개발자는 왜 항상 슬픈가요?
결코 공중에 떠다니지 않습니다.

저는 최근 몇 주 전에 이 만화의 대체 만화를 게시했습니다. 여기에서 라이브 데모와 소스 코드를 찾을 수 있습니다.


웹 개발자는 왜 게으른 강에 가지 않았나요?
그들은 물에 뜨는 것을 좋아하지 않았습니다.

Bad CSS-Dad jokes


CSS 개발자는 어떻게 최신 정보를 얻을 수 있나요?
그들은 z-index: max(Infinity);

를 사용합니다.

저도 사이트(소스 코드)에서 이에 대한 대안을 만들었습니다. 결과도 깔끔하고, 나무 질감(CSS에서도)이 잘 구현된 것 같아요.


CSS 파일이 차갑게 느껴지지 않는 이유는 무엇입니까?
항상 추가 @layer가 있기 때문입니다.


왜 사람들은 웹 개발자를 기피하는 경향이 있나요?
왜냐하면 그들은 항상 몸을 굽히고 있기 때문입니다.


CSS 개발자는 훌륭한 댄서입니다.
그들은 모든 단계를 알고 있습니다()

Bad CSS-Dad jokes


전구를 교체하려면 몇 명의 CSS 개발자가 필요합니까?
없음. 하드웨어 문제입니다.


전구를 교체하려면 몇 명의 CSS 개발자가 필요합니까?
없음. 다크모드로 작업해도 괜찮습니다.


전구를 교체하려면 몇 명의 JavaScript 개발자가 필요합니까?
하나. 하지만 모든 것을 처리하려면 node_modules, TailwindCSS, 자체 구현된 lefty-loosey-righty-tighty.js 라이브러리 및 최신 MacBook Pro에 5GB가 필요합니다. 결과 JS 파일은 8MB가 되며 방에 Chrome이 있는 경우에만 전구를 교체하세요.


웹 개발자는 왜 운전면허 취득이 힘든가요?
필기 시험이나 운전 시험에 합격하지만 통과하는 경우는 거의 없습니다. 둘 다

Bad CSS-Dad jokes


뇌는 정말 놀랍습니다. 태어난 순간부터 텍스트 정렬인지 텍스트 정렬인지 기억해야 하는 순간까지 연중무휴 24시간 쉬지 않고 작동합니다.

그리고 그게 다입니다! 그것은 마지막 것이었습니다... comiCSS 사이트에도 HTML+CSS 버전이 있습니다. 기대했던 것만큼 끔찍하지 않았으면 좋겠습니다.

즐거운 시간 보내세요!

위 내용은 나쁜 CSS-아빠 농담의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

<gum> : Bubble Gum Simulator Infinity- 로얄 키를 얻고 사용하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Nordhold : Fusion System, 설명
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora : 마녀 트리의 속삭임 - Grappling Hook 잠금 해제 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

정적 양식 공급자의 비교 정적 양식 공급자의 비교 Apr 16, 2025 am 11:20 AM

"정적 양식 공급자"라는 용어를 동전하려고합시다. 당신은 당신의 HTML을 가져옵니다

Sass를 더 빨리 만들기위한 개념 증명 Sass를 더 빨리 만들기위한 개념 증명 Apr 16, 2025 am 10:38 AM

새로운 프로젝트가 시작될 때, Sass 컴파일은 눈을 깜박이게합니다. 특히 BrowserSync와 짝을 이루는 경우 기분이 좋습니다.

주간 플랫폼 뉴스 : HTML로드 속성, 주요 ARIA 사양 및 iframe에서 Shadow Dom으로 이동 주간 플랫폼 뉴스 : HTML로드 속성, 주요 ARIA 사양 및 iframe에서 Shadow Dom으로 이동 Apr 17, 2025 am 10:55 AM

이번 주에 플랫폼 뉴스 라운드 업 RONDUP, Chrome은로드에 대한 새로운 속성, 웹 개발자를위한 접근성 사양 및 BBC Move를 소개합니다.

섹션 요소와의 거래 섹션 요소와의 거래 Apr 12, 2025 am 11:39 AM

두 기사가 정확히 같은 날에 출판되었습니다.

HTML 대화 요소와 함께 일부 실습 HTML 대화 요소와 함께 일부 실습 Apr 16, 2025 am 11:33 AM

이것은 처음으로 HTML 요소를보고 있습니다. 나는 그것을 잠시 동안 알고 있었지만 아직 스핀을 위해 그것을 가져 갔다. 그것은 꽤 시원하고 있습니다

멀티 룸 슬라이더 : 일반적인 경우 멀티 룸 슬라이더 : 일반적인 경우 Apr 12, 2025 am 10:52 AM

이 두 부분으로 구성된 시리즈의 첫 번째 부분은 우리가 2 턴 슬라이더를 얻는 방법을 자세히 설명했습니다. 이제 우리는 일반적인 멀티 덤프 케이스를 살펴 보지만 다른 것과

Google 글꼴을 태그하고 Goofonts.com을 작성한 방법 Google 글꼴을 태그하고 Goofonts.com을 작성한 방법 Apr 12, 2025 pm 12:02 PM

Goofonts는 개발자 부인과 디자이너 남편이 서명 한 사이드 프로젝트로, 둘 다 타이포그래피의 큰 팬입니다. 우리는 Google에 태그를 지정했습니다

'Podcast 구독'링크는 어디에서 링크해야합니까? 'Podcast 구독'링크는 어디에서 링크해야합니까? Apr 16, 2025 pm 12:04 PM

한동안 iTunes는 팟 캐스팅에서 큰 개 였으므로 "Podcast 구독"을 링크 한 경우 다음과 같습니다.

See all articles