# CSS3

195개의 포스트
post-thumbnail

Next.js 를 이용한 웹프로젝트

웹툰 홈페이지 만들기 ( AVATOON )  사용 기술- HTML5 / CSS3 / JS / React- Next.js / Node.js / MySql 구현 기능 API를 통해 데이터베이스의 저장된 웹툰의사진 , 제목 , 작가 , 좋아요 수 등을 가져와 보여줌 검색

2023년 8월 23일
·
0개의 댓글
·

css 스타일 지정방식 3가지

우선순위가 id, class, tag 순으로 id가 가장 높아서 three가 green이 아닌 blue로 출력

2023년 7월 12일
·
0개의 댓글
·

img 태그와 background-image의 차이

img 태그와 background-image의 차이는 뭘까

2023년 7월 11일
·
0개의 댓글
·
post-thumbnail

레이아웃 연습일지 1.

100% 정답이 아닐수도 있겠지만 나름 고민의 흔적이랄까

2023년 7월 11일
·
0개의 댓글
·

CSS content의 속성값 - 카운터!

CSS 속성값으로 번호를 매길수 있다는 사실

2023년 7월 10일
·
0개의 댓글
·

CSS 선택자 우선순위

CSS의 선택자에는 점수가 있습니다. 여러가지 선택자를 나열한다면, 각 선택자의 점수를 더해 가장 높은 점수를 가진 속성값이 적용됩니다. 만약 합산 점수가 같다면, 나중에 선언된 속성값이 우선해서 적용됩니다.속성값 뒤에 !important가 붙은 속성 (99999999

2023년 7월 9일
·
0개의 댓글
·
post-thumbnail

CSS3 배운걸 정리해 보자!🙌 Part-1

CSS(Cascading Style Sheets)는 HTML 및 XML 기반 문서의 스타일과 레이아웃을 정의하기 위한 스타일 시트 언어.웹 페이지의 시각적인 표현을 다루며, 웹 페이지의 색상, 레이아웃, 폰트, 크기, 간격 등을 지정하여 디자인할 수 있다.스타일 지정:

2023년 7월 9일
·
0개의 댓글
·

IR 기법의 모든 것 !

1) IR 기법 ? 2) 어떻게 처리할까요? 3) 그렇다면 숨김처리는 어떻게?

2023년 7월 7일
·
0개의 댓글
·

Google Font 사용시 display=swap 뜻?

웹 폰트 사용하려고 구글 폰트에서 소스를 복붙했는데, 뒤에 display=swap은 왜 붙는거지?

2023년 7월 6일
·
0개의 댓글
·

CSS로 말줄임 처리하기 (한줄/여러줄)

CSS를 통한 한줄 말줄임 처리방법, 여러줄 말줄임 처리방법

2023년 7월 6일
·
0개의 댓글
·

Reset.css

reset.css를 쓰는 이유/ reset.css에 들어가야하는 필수적인 내용들

2023년 6월 30일
·
0개의 댓글
·
post-thumbnail

Grid 내용 정리

Grid란? / 그리드 레이아웃을 구성하는 방법

2023년 6월 28일
·
0개의 댓글
·
post-thumbnail

Flex 내용 정리

Flex란? / Flex 레이아웃을 구성하는 방법

2023년 6월 28일
·
0개의 댓글
·

01. 웹 프로그래밍이란?

본격적으로 개발을 하기에 앞서 간단하게 웹 프로그래밍에 대해 알아보고자 한다. 😎HyperText : 문서의 개체(텍스트, 이미지 영상 등)가 서로 연결되어 있는 구조.HyperLink : 문서와 문서 사이를 이동할 수 있는 기능.Markup Language : 태그

2023년 6월 10일
·
0개의 댓글
·

test

test

2023년 5월 22일
·
0개의 댓글
·
post-thumbnail

빅데이터 Java 개발자 교육 - 39일차 [반응형 웹, JavaScript] (실습)

반응형 웹 반응형 웹이란? 웹 페이지 하나로도 데스크톱, 태블릿PC, 스마트폰에 맞게 디자인이 자동으로 반응해서 변경되는 웹 페이지를 이야기함. 장점 유지보수가 용이함 개발 효율성이 증가 미디어 쿼리(Media query)를 사용하여 개발함. Jav

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

빅데이터 Java 개발자 교육 - 38일차 [HTML 5 및 CSS 3 고급] (실습)

CSS 3 고급 CSS 가시속성 none이기 때문에 위와 같이 대상이라는 글자가 사라져서 보이게 된다. 웹페이지에서 F12를 눌러 개발자모드를 켠 뒤, ``를 선택하여 배경이미지 먼저 image 폴더에 아래와 같이 이미지들을 추가해주었다. ![](https:/

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

빅데이터 Java 개발자 교육 - 38일차 [HTML5 및 CSS 3 고급] (이론)

CSS 3 고급 https://docs.google.com/presentation/d/1ppgdgid_cq9ifENfSIOBBTHOAgsCCtwa/edit#slide=id.p18

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

웹접근성을 위한 IR기법

: 고령자 또는 장애인분들이 웹 사이트를 이용함에 있어서 비장애인과 차별없이 동등한 정보에 접근하고 이용할 수 있도록 보장하는 법적의무사항이다.

2023년 2월 2일
·
0개의 댓글
·