PHP Conexión a  MySQL y HTML5 #7

안녕 내 이름은 알렉스와 오늘 우리는 PHP에서 우리의 프로젝트를 개발하는 것입니다 이전 동영상에서 헤더를 수정했습니다 우리 컨테이너 섹션 여기에 90 % 장치에서 그러나 헤더를 수정했을 때 컨테이너 섹션과 탐색 및 바닥 글 또한 우리는 브라우저를 사용합니다

유방이 90 % 증가했다 헤더에 섹션 컨테이너 및 바닥 글 이 문제를 색인에서 풀어 냄으로써 Stylecss 파일로 이동합니다 우리는 질의에 간다 여기 min-width 1080 픽셀의 쿼리 우리의 머리에 우리는 최대 폭을 둘 것이다

80 % 항해에 및 바닥 글 최대 너비 80 % 컨테이너 섹션에서와 같은 방식으로 이제 브라우저로 이동하여 업데이트합니다 우리가 본 것처럼 헤더 우리 nav 섹션 컨테이너와 바닥 글은 이미 덮여 있습니다 우주에서 80 % 브라우저의 그리고 장치에서 유지됩니다 90 % 글쎄, 이것들은 브라우저를 사용하는 우리 인덱스의 작은 변화였습니다 데이터베이스에 12 개의 레지스터를 입력하면됩니다

연락처 12 개 내 데이터베이스에 데이터 테이블에 12 개의 레코드를 입력하십시오 지금 우리에게 스타일을주는 데이터를 찾습니다 PHP 숭고한 텍스트로 가자 우리는 새로운 css 파일을 생성 할 것입니다 우리는 그것을 그대로 유지할 것이다

스타일 찾기 css 이제 Stylecss 파일로 이동합니다 전체 쿼리를 복사합니다 나는 그것을 붙인다

쿼리 내용을 삭제합니다 우리는 첫 번째 만 남겨둔다 그래서 우리의 헤더 탐색 바닥 글과 섹션 컨테이너 브라우저에서도 여기에서 80 %를 포괄합니다 천천히 이제 우리는 우리의 파일 검색 datophp에 css 파일을 입력 할 것입니다 우리는 주소를 우리의 CSS 파일에서 이제 브라우저로 이동하여 업데이트합니다

그들이 헤더를 보는 방법 우리 컨테이너 섹션은 이미 90 % 브라우저에서 이제 우리는 계속 img 태그에 ~ 너비에서 90 % 우리의 이미지 나 사진이 될 것입니다 최대 높이 67 % 우리의 의견에 ID 검색을 사용하는 전자 메일 유형 우리는 그것을 가장자리로 설정할 것입니다 5 픽셀 배경 국경 없음 글꼴 대담한 15 픽셀 Arial 헬 베티 카 높이 25 픽셀 패딩 2 픽셀 너비 250 픽셀 찾기 이제 브라우저를 업데이트합니다 우리가 본 것처럼 입력에는 이미 스타일이 있습니다 조금 더 좋은 좋아, 우리는 계속 제목 이미지 id img와 함께 국경 – 반경 10px 마진 of 8 패딩 of 5 상자 그림자를 넣을 것입니다

지금 우리의 링크 휴가를 위해 색깔 rgb 괄호 사이에 우리는 216 텍스트 장식 : 없음 지금 우리의 링크 밖으로 우리는 공중 선회 할 것입니다 이것은 우리의 마우스가 링크 색상 변경 색깔 흰색 우리는 브라우저에 가서 업데이트합니다 우리의 이미지 관리자는 이미 상자 그림자를 가지고 있습니다 및 경계 반경 우리의 연결은 지금 떠난다 색깔의 변화와 그것이 내가 가지고있는 장식을 제거합니다 그리고 우리가 마우스를 지나갈 때마다 흰 색의 변화 우리는 계속 이제 우리는 상자 ID를 위해 간다

배경 흰색 부동 : 왼쪽 부동 : 왼쪽 텍스트 정렬 : 가운데 국경 – 반경 10px 여백 9 우리는 다양한 브라우저 유형에 박스 섀도우를 둡니다 이제 상자 클래스에 우리는 호버링을 할 것입니다 우리의 마우스가 언제인지 이미지 또는 상자에 우리는 같은 상자 그림자를 넣는다 10의 값으로 이제 우리는 브라우징과 업데이트를 진행할 것입니다 보시다시피, 우리의 상자는 이미 보여졌습니다

테두리 반경과 그 상자 그림자 이미지 위에 마우스를 올리거나 마우스를 올릴 때마다 그림자를 애니메이션으로 증가시키다 우리는 계속 지금 우리 수업을 위해서 컨테이너 최대 너비 95 % 높이 500 명 중 패딩 – 탑 패딩 – 탑 of 20 이제는 버트 클래스를 가진 모든 사람들을 위해 국경 스타일 없음 그리고 그들은 그를 녀석이라고 뒀다 버튼에 그라데이션 적용 다른 유형의 브라우저 용 상자 그림자를 넣을 것입니다 국경 – 반경 of 7 색깔 rgb 우리는 216의 가치를 둡니다 커서 포인터 글꼴 대담한 12 패딩 of 6 여백 of 8 우리 수업에 우리는 애니메이션을 넣을거야

공중 선회 색깔 흰색 활성화되었을 때 버튼에 다른 애니메이션을 제공합니다 또는 우리가 그에게 클릭을 준다 우리는 배경색을 바꿀 것이다 rgb 70의 나쁜 값을 넣는다 잘 지금 우리는 업데이트 당신이 우리 단추가 벌써 가지고있는 것을 알기 때문에 더 쾌적한 디자인 그리고 공중 선회 버튼 위로 마우스를 가져 가면 텍스트가 색상이 바뀝니다

활성화하면 색상이 바뀝니다 우리의 버튼 좋아, 우리는 계속 최소 너비 1080 우리의 브라우저가 해상도에 도달하면 1080 위로 수정하면 스타일 컨테이너 부 상자 클래스에 우리는 폭을 넣을 것입니다 152 픽셀 높이 226 픽셀 이제 우리는 가서 갱신 중이다 우리가 명령받은대로 오늘 본 것처럼 연락처 좀 더 멋지네요 버튼과 애니메이션으로 이제 파일로 가겠습니다 search data

php 섹션 아래에서 꼬리말을 만듭니다 바닥 글 안쪽에 나는 이것을 넣었다 사본 이제 우리는 업데이트 바닥 글에 사본이 나타납니다 좋은 친구 오늘은이 모든 것이었고 우리는 우리 페이지 검색 datosphp에 스타일을주었습니다

우리는 우리의 이미지를 보여주는 상자에 스타일을주었습니다 버튼 애니메이션 포함 텍스트 필드 검색 떠나는 링크와 이미지에 제목 이 비디오 자습서가 마음에 들면 다음부터 그리고 구독을 잊어 버려