사이트 바로가기
- css html5 마스터 하기 스타일시트, 홈페이지, css,드림위버, html5 강좌 안내. css.baeugo.com
- anWriter text editor for HTML CSS JavaScript PHP SQL anWriter is a text editor for web. It supports synatax highlighting and autocompletion for HTML, CSS, JavaScript, PHP, SQL anwriter.com
- Hover.css - A collection of CSS3 powered hover effects narcade.com
- Pure CSS Menu.com : Free CSS Drop Down Menu Generator Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! CSS Horizontal Menu & CSS Vertical Menu. purecssmenu.com
- W3C CSS 검증 서비스 CSS 스타일시트 기능 검증서비스. jigsaw.w3.org/css-validator
- 컴플릿 CSS가이드 westciv, CSS 강좌 수록. westciv.com/style_master/academy/css_tutorial
- 천안새샘중학교 천안시 신방동 위치. css.caems.kr
블로그
- [css] 화면높이 관련 가장 자주 쓰는 세 가지 완성 패턴 일반 내용 영역 상단 고정 + 본문 나머지 공간 좌측 고정 + 우측 나머지 공간
- [css] grid (속성) grid-template-areas 각 영역에 이름을 붙여 레이아웃을 구성합니다. grid-template 세 속성을 한 번에 지정하는 단축 속성 아이템이 칸보다 많으면 어떻게 될까 CSS는 열 2개, 행 1개만 정의 첫 번째 행에는 아이템 2개만 들어갑니다. 브라우저가 부족한 행을 자
- [css] min-height: 0; 최소 높이 제한을 0px까지 낮춰라. .box의 실제 높이는 0px이 아니라, 부모 flex 레이아웃이 계산한 남은 공간만큼 잡힙니다. ---------------------------------- 일반 block 요소에서는 min-height: 0이 별 의미 없을 때가 많지만 flex
- [css] grid (repeat(auto-fit, minmax(200px, 1fr)); 1. 먼저 가장 단순한 Grid부터 2. repeat()는 반복해서 쓰라는 의미 200px짜리 열을 3번 반복한다. 3. 1fr은 남은 공간을 나누는 단위 (fr은 fraction, 즉 비율 단위) 컨테이너의 사용 가능한 공간을 1 : 1 : 1로 나누라는 뜻입니다. 4. minmax(
- [html / css] 글자 크기에 따라 h 태그를 사용하지 마세요. 본문에 쓸 내용은 태그를 안에 사용해야 합니다. 글자 크기는 css에서 font-size로 조절하세요. 왜냐하면 h 태그는 개요 번호처럼 문장들의 단계와 계층을 나타내는 태그이기 때문이예요. HTML을 처음 공부할 때 부터 까지의 태그를 보면 글자 크기가 서로 다르다는 것을 알 수 있
- [html / css] <input type ="button" ~>태그와 <button> ~ </button>태그의 차이 HTML에서 버튼을 만드는 방법은 두 가지다. 태그를 이용하는 방법과 태그를 이용하는 방법이다. 두 방식 모두 버튼을 만들지만, 버튼 글자를 어디에 작성하느냐와 내부에 콘텐츠를 넣을 수 있느냐가 다르다. 단순한 버튼이 필요하다면 으로 충분하지만, 아이콘이나 강조 텍스트처럼 버튼 안에
- 부산·김해·양산 AI 영상·디지털콘텐츠 국비지원｜Gemini·NotebookLM·포토샵·일러스트·프리미어·에펙·Figma·HTML+CSS 취업교육 AI가 콘텐츠를 만드는 시대입니다. 하지만 기획하고, 디자인하고, 편집하며, 브랜드의 가치를 전달하는 사람의 역할은 더욱 중요해지고 있습니다. 2026년 기업이 원하는 디자이너는 단순히 포토샵이나 프리미어만 다루는 사람이 아니라 생성형 AI를 활용하여 콘텐츠를 기획하고, UI·UX를 설
- [html / css] 선택자를 사용하는 다양한 방법 1. 여러 선택자에 같은 스타일 적용하기 여러 요소에 같은 스타일을 적용하고 싶을 때는 쉼표(,)를 사용한다. 쉼표는 “이것도, 이것도, 이것도 선택한다”라는 의미이다. 이 코드는 h1, h2, h3에 같은 글꼴을 적용한다. 여러 클래스에 같은 색상을 적용한다. 참고! CSS에서는 같은
- [html/css] CSS에서 스타일을 적용할 대상을 선택하는 방법 CSS에서 선택자(selector)는 “어떤 HTML 요소에 스타일을 적용할 것인가”를 지정하는 방법이다. 스타일을 적용할 대상을 지정하는 방법에는 인라인 스타일, 태그 선택자, class 선택자, id 선택자 등이 있다. 1. HTML 요소에 바로 적용하는 방법 HTML 태그 안에 s
- [CSS] flex : 속성 ---------------------------------------------- 카드 여러 개를 같은 폭으로 나눌 때 기준 크기는 0으로 보고(콘텐츠 크기는 무시하고), 남는 공간을 균등하게 나눠 가진다. 공간이 부족하면 줄어든다. 제목/버튼/시간처럼 고정할 때 본문처럼 남은 공간을
1 페이지
다음 →