# CSS

종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.

4743개의 포스트
post-thumbnail

210727 개발일지

웹 프로그래밍, html, css, 실습, 네이버 카피캣

6분 전
·
0개의 댓글

2021.07.27 NAVER-7

Day22, 어제에 이어 Naver blog 페이지를 만들어 봤다.

8분 전
·
0개의 댓글
post-thumbnail

210727_[22]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_5_NAVER_blog_1

네이버 블로그 메인페이지의 구성중 메인상단과 왼쪽 영역에 대한 설계도면 제작을 진행하였다.(1) 페이지 실습(2) 학습한 내용

19분 전
·
0개의 댓글

[css] display, visibility

display와 visibility의 차이를 알아보자.

약 1시간 전
·
0개의 댓글

Media query

여러 가지 디바이스의 해상도에 반응하여 각각에 맞는 최적의 화면을 보여주는 웹페이지이다.ex) 모바일 화면과 데스크탑 화면이 다르게 뜨는 것CSS 문법 중 하나. 반응형 웹을 만드는 데 사용되며특정한 조건에서 CSS를 작동시키도록 명령할 수 있다.1) 디바이스별 해상

약 1시간 전
·
0개의 댓글

[대구AI스쿨] 21.07.27 개발일지

Git 링크.네이버 블로그● 결과 스크린 샷blog_header● Hex color 값을 RGB color 값으로 변환하기변환 사이트 참고: https://www.rapidtables.com/convert/color/hex-to-rgb.htmlhex_RGB_c

약 2시간 전
·
0개의 댓글
post-thumbnail

devlogs-210727

오늘은 네이버 블로그 웹페이지를 제작했다.늘 그렇듯 이미 배운 내용으로 진행했기에 어려웠던 점은 없었다.음...분명 더욱 디테일하게 구현할 수 있는 부분들이 많은데, 예를 들면 icon을 import하여 넣어주기(내가 추가해둠), 간단한 사진들 또한 복사+붙여주기 등실

약 6시간 전
·
0개의 댓글
post-thumbnail

CSS 버튼 이쁘게 꾸미기

!codepenwhdnjsdyd111/embed/xxdpMwv?default-tab=html%2Cresult다음에도 쉽게 사용할 수 있도록 생각나는 버튼들을 직접 만들어 보았다.일반 버튼적당한 래디우스호버 시 글자 너비 조금 넓히고 스케일 키우기클릭 시 스케일 조금 키

약 16시간 전
·
0개의 댓글
post-thumbnail

Today I Learned - 05

HTML Hyper Text Markup Language의 약어로 웹브라우저 내에서 보여지게 디자인된 문서이다. 웹 페이지의 뼈대 구축하는 역할을 하는데 즉, 구조를 설계하는 언어이다. Tag HTML element 라고도 하며, HTML document를 구성하는

약 18시간 전
·
0개의 댓글
post-thumbnail

TIL(27) vertical-align: middle

계산기 만들기 ⌨️ 계산기 만들기

약 19시간 전
·
0개의 댓글
post-thumbnail

HTML+CSS로 Starbucks 사이트 만들기

프로젝트 중 배운 내용 정리 및 복습 🐳

약 19시간 전
·
0개의 댓글

웹 프로그래밍 학습 21일

네이버 메인 오른쪽 카피캣 실습네이버 웹툰 메인 메인 푸터 영역https://vimeo.com/554593187/3b402ca597https://vimeo.com/554590891/e1c7c954ac 저작권을 의미하는 copy right 줄여서 '©'

약 19시간 전
·
0개의 댓글

K-digitial training 1일차

vscode에서 ! + enter 하면 자동으로 html 기본 태그를 적어준다.id = 하나만 존재할 수 있다.class = 여러개 가능하다. 유지보수에서 큰 이점을 가진다.여백

약 20시간 전
·
0개의 댓글
post-thumbnail

210726 개발일지

웹 프로그래밍, html, css, 실습, 네이버 카피캣

약 20시간 전
·
0개의 댓글

[CSS] Flexbox

flexbox 레이아웃은 박스를 유연하게 늘리고 줄이는 방법을 토대로 레이아웃을 잡는 방법으로 부모 요소인 flex container와 복수의 자식 요소인 flex item으로 구성 flex container 속성: flex-direction, flex-wrap, j

약 20시간 전
·
0개의 댓글
post-thumbnail

Dev Log #21 - 7월 26일

✅ 1. 네이버 웹툰 카피캣 - main_right 영역✅ 2. 네이버 웹툰 카피캣 - footer 영역인기순 tab을 클릭 시, 밑에 있는 선을 제거하기 위해서 tab 클래스에 active라는 클래스를 더해서 css작업 시 border-bottom: none;이 아니

약 20시간 전
·
0개의 댓글

[CSS] 미디어 쿼리

미디어 쿼리: 접속하는 장치(미디어)에 따라 특정한 CSS스타일 사용only: 미디어 쿼리를 지원하는 브라우저에서만 사용(디폴트)not: 다음 지정하는 미디어 유형을 제외미디어 유형all: 모든 미디어 유형print: 인쇄 장치screen: 컴퓨터 스크린(스마트폰 포함

약 21시간 전
·
0개의 댓글
post-thumbnail

#21_네이버 웹툰페이지 실습(2)

과정명 : 대구 AI 스쿨 일반과정강의 : 웹프로그래밍김인권15네이버웹툰3_210519(3/4)웹프로그래밍김인권16네이버웹툰4_210519(4/4)주제 : html / css네이버 웹툰 페이지의 오른쪽 영역은 여러 정보들이 1열로 정렬되어 되어 있다. 웹 페이지에서 공

약 21시간 전
·
0개의 댓글
post-thumbnail

210726_[21]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_5_NAVER_webtoon_2_final

NAVER 웹툰 페이지의 메인 오른쪽 영역과 footer 영역에 대한 마무리와 웹툰 페이지의 전영역을 제작하였다.

약 22시간 전
·
0개의 댓글

#TIL07

오늘은 HTML의 progress 태그 설명과 div로 progress 모양을 어떻게 만들고 꾸밀 수 있는지 작성하려고 한다. progress 태그를 사용하게 되면 스타일 작업이 보다 까다로워서 div로 만들고 스타일링을 주면 쉽게 꾸밀 수 있다. 어느 작업의 완료 정

약 22시간 전
·
0개의 댓글