당신은 배울 것이다
좋은 프런트엔드가 되려면 레이아웃이 핵심입니다! 이 강좌는 0부터 시작하며, 실습 사례를 통해 HTML+CSS를 빠르게 익히고 유연한 적용이 가능한 실습 교육이 필요한 학생들에게 매우 적합합니다!
HTML+CSS 빠른 시작
섹션1 vscode 설치 구성 - 자주 사용하는 플러그인 상세 설명(자막 버전)
41분01초
섹션2 일을 잘하고 싶다면 먼저 도구를 갈고닦아야 합니다. webStorm 설치
06분36초
섹션3 프론트엔드 프로그래머가 개발할 수 있는 프로그램 카테고리
07분42초
섹션4 H5, WEB 프론트엔드, 빅 프론트엔드, WEB 풀스택을 어떻게 구별하나요?
08분06초
장1 대규모 프론트 엔드를 이해하고 학습 준비
섹션1 HTML 하이퍼텍스트 마크업 언어 - 하이퍼는 어디에 있습니까?
08분10초
섹션2 HTML 기본 구조 및 관련 태그
05분55초
섹션3 HTML 16진수 색상 값 및 설명
05분57초
섹션4 HTML 엔터티 문자 사용
04분51초
섹션5 head 태그의 공통 태그 분석
11분09초
섹션6 본문의 텍스트 및 텍스트 형식 태그
08분39초
섹션7 H5 새롭게 업그레이드된 텍스트 형식 태그
09분24초
섹션8 시맨틱 태그 및 목록 레이아웃 태그
07분29초
섹션9 태그에서 주의해야 할 경로 및 점프 문제
06분19초
섹션10 멀티미디어 태그를 설명하는 예
11분38초
섹션11 대규모 프런트엔드 태그를 위한 메모리 기술
05분05초
섹션12 마크다운 구문에 대한 완전한 설명
13분18초
섹션13 테이블 태그에 대해 자세히 설명하세요.
10분12초
섹션14 서식양식 관련 요소 종합분석 - 1부
08분50초
섹션15 서식양식 관련 요소 종합분석 - 2부
09분08초
섹션16 인라인 태그 iframe 사용
02분06초
장2 HTML에서 일반적으로 사용되는 태그 및 속성
섹션1 CSS의 세계로 들어가기 - CSS를 참조하는 여러 가지 방법
08분42초
섹션2 CSS 선택기--기본 선택기 분석
05분32초
섹션3 CSS 선택기-계층적 선택기 분석
05분10초
섹션4 CSS 선택기--구조적 의사 클래스 선택기 분석--1부
11분25초
섹션5 CSS 선택기--구조적 의사 클래스 선택기 분석--2부
09분44초
섹션6 CSS 상태 의사 클래스 선택기 및 선택기 우선순위
06분20초
섹션7 CSS 글꼴 글꼴 속성
04분01초
섹션8 CSS 텍스트 텍스트 속성
02분58초
섹션9 CSS--배경 배경 속성
03분49초
섹션10 수업 요약 및 장 과제
03분08초
장3 줄무늬를 멈추고 CSS의 세계로 들어가세요
섹션1 CSS 너비 및 높이 치수 속성
09분22초
섹션2 CSS 탐색 목록 속성
05분50초
섹션3 CSS 위치 지정 속성--고정됨
06분01초
섹션4 CSS 위치 지정 속성--상대 위치 지정 상대
03분17초
섹션5 상대 위치 지정과 절대 위치 지정의 관계 - 1부
09분24초
섹션6 상대 위치 지정과 절대 위치 지정의 관계 - 2부
09분05초
섹션7 CSS 레이아웃 속성은 요소의 숨기기 및 표시를 제어합니다.
10분57초
섹션8 CSS는 div가 왼쪽과 오른쪽으로 부동하도록 제어합니다.
10분34초
섹션9 플로트와 결합된 표준 박스 모델
10분37초
섹션10 div 여백이 겹치는 문제를 해결하는 방법
06분21초
섹션11 상자 크기와 내부 및 외부 여백 및 테두리 간의 관계
05분12초
섹션12 상자 크기 조정 속성은 상자 포장 문제를 해결합니다.
01분30초
섹션13 유연한 상자 모델--유연한 상자 레이아웃
08분14초
섹션14 텔레스코픽 박스는 다단계 탐색 연결을 실현합니다.
12분40초
장4 CSS 스타일 및 레이아웃 제어
섹션1 유연한 상자 모델 속성 설정에 대한 심층 분석 - 1부
11분19초
섹션2 유연한 상자 모델 속성 설정에 대한 심층 분석 - 2부
06분21초
섹션3 기업 홈페이지 페이지 레이아웃 분석
04분16초
섹션4 프레임워크의 기본 스타일 파일 정의
11분35초
섹션5 프레임의 유연한 레이아웃 공개 스타일 설정
06분48초
섹션6 프레임의 테두리 공개 스타일 설정
03분48초
섹션7 프레임의 여백 공개 스타일을 설정합니다.
08분21초
섹션8 프레임의 다른 공개 스타일 설정
03분50초
섹션9 공개 스타일의 둥근 테두리를 프로젝트에 도입
07분34초
섹션10 iconfont 글꼴 아이콘을 프로젝트에 도입하는 방법
09분02초
섹션11 실제 전투 - 헤더 공개 템플릿 파일 정의
05분24초
섹션12 실용적인 전투 - 우아한 검색창 스타일 정의
06분17초
섹션13 실용적인 전투 - 글꼴 아이콘의 스타일, 배경 및 가운데 정렬 설정
05분31초
섹션14 실용적인 전투--내비게이션 바의 기본 스타일 설정
07분31초
장5 레이아웃 프레임워크 파일의 실제 정의
섹션1 텍스트 그림자 및 배경색 방사형 그라데이션
04분55초
섹션2 CSS는 상자 변환 및 전환 효과를 구현합니다.
08분22초
섹션3 실용적인 전투 - CSS 애니메이션 효과 및 애니메이션 캐러셀 - 1부
08분19초
섹션4 실용적인 전투 - CSS 애니메이션 효과 및 애니메이션 캐러셀 - 2부
07분09초
섹션5 실용적인 전투 - CSS3는 의사 클래스를 사용하여 탐색 밑줄 애니메이션 효과를 구현합니다.
04분48초
섹션6 실용적인 전투 - 보조 메뉴 스타일 및 애니메이션 효과 구현
10분06초
섹션7 실전 전투 - 사이드바 고정 효과 구현 - 1부
08분14초
섹션8 실전 전투 - 사이드바 고정 효과 구현 - 2부
03분31초
섹션9 실용적인 전투 - 하단 바닥글의 스타일 레이아웃 구현
09분31초
섹션10 실전 전투 - 홈페이지에서 제품 탐색 효과 구현
10분37초
섹션11 실전 전투 - 상품 진열 영역의 헤더 레이아웃
08분52초
섹션12 실전 전투 - 제품 카드 스타일 레이아웃 - 1부
05분14초
섹션13 실용적인 전투 - 제품 카드의 애니메이션 효과를 완성하세요
06분42초
섹션14 실전 전투 - 제품 카드 스타일 레이아웃 - 2부
04분49초
장6 실제 애니메이션과 공공 수장
섹션1 실용적인 전투 - 탐색경로 탐색 스타일 레이아웃 완성
05분35초
섹션2 실전 전투 - 상품 분류 애니메이션 효과 완성 - 1부
14분22초
섹션3 실전 전투 - 상품 분류 애니메이션 효과 완성 - 2부
08분16초
섹션4 실용적인 전투 - 제품 목록 페이지의 스타일 레이아웃 완성
06분12초
섹션5 실전 전투 - 상품 기본 정보 영역의 스타일 레이아웃 완성
10분38초
섹션6 실전 전투 - 상품 기본 정보 영역의 스타일 레이아웃 완성 02
08분03초
섹션7 실전 전투 - 상품 기본 정보 영역의 스타일 레이아웃 완성 03
04분21초
섹션8 실전 전투 - 상품 상세 스타일 레이아웃 01
08분26초
섹션9 실전 전투 - 상품 상세 스타일 레이아웃 02
11분45초
섹션10 실용적인 전투 - 해당 지역의 스타일 레이아웃이 마음에 드시나요?
11분16초
장7 실제 전투 목록 페이지 및 상세 페이지
섹션1 쇼핑몰 장바구니 스타일 레이아웃 01
11분40초
섹션2 쇼핑몰 장바구니 스타일 레이아웃 02
10분32초
섹션3 쇼핑몰 장바구니 스타일 레이아웃 03
11분44초
섹션4 주문 미리보기 페이지--영수증 정보 스타일 레이아웃
13분04초
섹션5 주문 미리보기 페이지-지불 방법 스타일 레이아웃
06분11초
섹션6 주문 미리보기 페이지--콘텐츠 스타일 레이아웃 주문 01
10분15초
섹션7 주문 미리보기 페이지--콘텐츠 스타일 레이아웃 주문 02
06분00초
섹션8 쇼핑몰 개인센터 페이지 구조 분석
08분56초
섹션9 주문 페이지 및 @미디어 쿼리업
06분41초
섹션10 주문 페이지 및 @미디어 쿼리 - 다음
07분06초
장8 실용적인 장바구니 및 주문 페이지
데이터 이름
HTML+CSS 실용적인 빠른 소개
다운로드
PHP中文网 강사 기타 강좌
인기 강좌
최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)
79 수업 시간
1477460
JAVA 초보자용 비디오 튜토리얼
753 수업 시간
2982764
Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼
60 수업 시간
546854
웹 프론트 엔드 개발에 대한 빠른 소개
8 수업 시간
220816
PS 비디오 튜토리얼을 처음부터 마스터하세요
268 수업 시간
1003583
최신 강좌
[웹 프런트엔드] Node.js 빠른 시작
16 수업 시간
16702
해외 웹 개발 풀스택 강좌 총집합
12 수업 시간
13513
Go 언어 실습 GraphQL
10 수업 시간
11163
550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
1 수업 시간
1265
기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
50 수업 시간
55897










![당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본]](https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png)