1
00:00:00,230 --> 00:00:03,290
우리가 정말로 집중해야 할 모든 것이 색상인지 아십시오.

2
00:00:03,300 --> 00:00:05,160
점보트론으로 시작해 봅시다.

3
00:00:05,460 --> 00:00:37,880
JumboTron 내부의 모든 것은 파란색의 다른 그늘이며이 문서의 파란색 그늘은 3 5 0을 우리 스타일 시트로 보게됩니다. 그리고 우리는 점보트론을 선택하고 그 안에 색과 모든 것을 넣을 수 있습니다. 모든 것이 그 것처럼 신선하고 벼랑을 포함하여 모든 것이 파란색으로 변경된 것을 볼 수 있습니다. 글리프 아이콘은 텍스트로 취급됩니다.

4
00:00:37,980 --> 00:00:43,010
실제로 글꼴이므로 color 속성을 사용하여 색상을 변경할 수 있습니다.

5
00:00:43,020 --> 00:00:45,950
이제 좀 더 까다로운 탐색 바를 다루겠습니다.

6
00:00:46,110 --> 00:00:47,730
배경색은 나쁘지 않습니다.

7
00:00:47,740 --> 00:00:53,280
우리가해야 할 일은 Nav nav Inv를 선택하는 것뿐입니다. 또는 우리가 할 수 있습니다.

8
00:00:53,340 --> 00:01:08,210
이제 우리가 멈추고 나서 멈추지 만 반대쪽에 nav bar bar를 놓고 그 파란색 배경색의 배경색을 붙이고 붙여 넣기하면됩니다.

9
00:01:08,210 --> 00:01:09,830
그러면 파란색으로 변하는 것을 볼 수 있습니다.

10
00:01:10,020 --> 00:01:15,900
그러나 여기에서 색을 바꾸려면 나는 그들이 회색이 아닌 흰색이되기를 원합니다.

11
00:01:15,900 --> 00:01:22,800
이 스타일 앵커 태그가 흰색 인 모든 잉크 또는 태그를 그냥 스타일링하면 꽤 잘 작동하지 않습니다.

12
00:01:22,800 --> 00:01:23,980
그래서 내가 무슨 뜻인지 보여 드리겠습니다.

13
00:01:24,030 --> 00:01:28,070
앵커 태그 색상 흰색.

14
00:01:28,150 --> 00:01:29,630
돌아 가라.

15
00:01:29,910 --> 00:01:35,430
그것은 효력을 발휘하지 못하며 우리가 검사한다면 검사원에게 큰 도움이됩니다.

16
00:01:35,610 --> 00:01:36,880
무슨 일이 일어나는지 한번보세요.

17
00:01:37,260 --> 00:01:43,080
그래서 우리는 우리의 하얀 색이 교차되고 그 색이 바로 여기에 할당되어 있음을 볼 수 있습니다.

18
00:01:43,410 --> 00:01:50,050
이 선 색상은 회색이며 선택을 해제하면 원하는 흰색으로 되돌아갑니다.

19
00:01:50,490 --> 00:01:53,280
이것이 더 구체적인 선택자이기 때문입니다.

20
00:01:53,460 --> 00:01:56,290
그 교훈을 다시 생각해 볼 수 있다면 나는 특이성에 관해서했다.

21
00:01:56,520 --> 00:02:06,530
이것은 우리가 여기서 가지고있는 것보다 더 높은 숫자 또는 더 높은 특이성 지수를 갖도록 계산됩니다. 여기에 비해 약간의 앵커 태그를위한 것입니다.

22
00:02:06,630 --> 00:02:08,190
그것은 여러 클래스입니다.

23
00:02:08,190 --> 00:02:12,330
그 중 하나가 앵커 태그보다 10 배 더 구체적임을 기억하십시오.

24
00:02:12,900 --> 00:02:19,540
그래서 우리가하고 싶은 것은 선택자를 작성하는 것입니다.이 선택자는 특정한 것일 뿐이므로 여기에서 훔칠 수 있습니다.

25
00:02:20,280 --> 00:02:25,910
그래서 우리는 여기로 들어가서 그 안에 붙여 넣은 다음 색을 흰색으로 바꿀 것입니다.

26
00:02:25,950 --> 00:02:29,560
그래서 우리는 부트 스트랩과 똑같은 쉴레 커를 무시할 것입니다.

27
00:02:29,610 --> 00:02:37,370
그리고 우리 스타일이 부트 스트랩 이후에 발생하여 오버라이드 할 수 있도록하는 것이 중요합니다. 그리고 우리가 신선하다면 이제는 흰색 링크를 얻습니다.

28
00:02:37,650 --> 00:02:41,050
마지막으로 우리는 nav bar 브랜드에도 똑같이 할 것입니다.

29
00:02:41,670 --> 00:02:45,490
그래서 당신은 그것이 nav bar dash brand의 내부에 있다는 것을 알 수 있습니다.

30
00:02:45,960 --> 00:02:59,800
브랜드에 대해 Daut를 선택하면 흰색의 색상을 지정하고 저장하고 다시 돌아가도 여전히 작동하지 않으며 동일한 문제가 발생합니다.

31
00:02:59,820 --> 00:03:11,700
그래서 우리가 그것을 조사하면 우리가 여기에 우리의 스타일을 넘어서서 우리가 흰색으로 바뀌고있는 부분이 넘어져서이 선에 의해 색이 바뀌는 것을 볼 수 있습니다.

32
00:03:11,700 --> 00:03:17,770
이제 탐색 바 Inv. 그래서 우리는 그것을 훔쳐 그것을 덮어 쓸 수 있습니다.

33
00:03:17,970 --> 00:03:21,500
그래서 우리는 그 nav bar inv를 필요로합니다.

34
00:03:21,930 --> 00:03:23,220
이제는 우리 브랜드입니다.

35
00:03:23,280 --> 00:03:32,580
그래서 기본적으로 우리는 부트 스트랩과 스타일 사이의 스타일의 충돌에서 머리를 맞대고있는 스타일을 쓰고 있습니다. 선택기에서 똑같습니다.

36
00:03:32,700 --> 00:03:36,280
그래서 우리가 두 번째로 올랐기 때문에 그들은 정상에 나올 것입니다.

37
00:03:36,300 --> 00:03:41,100
그들은 새로 고침하고 결코 가지 않을 것입니다.

38
00:03:41,100 --> 00:03:42,530
우리는 대부분의 스타일을 완성했습니다.

39
00:03:42,630 --> 00:03:51,600
JumboTron에서 회색의 색상을 캐스팅 한 화면에는 눈에 띄지 않는 것이 있습니다.

40
00:03:52,740 --> 00:04:05,510
그래서 나는 그 색깔을 가지고 있습니다. 그냥 복사해서 RC SS로 가면 Jumbotron의 배경을 그레이 컬러로 바꿀 것이고, 새로 고침으로서 세심한주의를 기울일 것입니다.

41
00:04:05,520 --> 00:04:07,000
잘하면 당신은 그것이 바뀌는 것을 볼 수 있습니다.

42
00:04:07,110 --> 00:04:08,200
방금 바뀌 었습니다.

43
00:04:08,200 --> 00:04:10,990
약간 푸른 색을 띤 회색입니다.

44
00:04:11,040 --> 00:04:12,500
그럼 모든 것을 시험해 봅시다.

45
00:04:12,720 --> 00:04:16,080
NAV 막대 작업의 크기를 조정 해 봅시다.

46
00:04:16,170 --> 00:04:18,720
Javascript는 잘 작동합니다.

47
00:04:18,720 --> 00:04:19,740
우리는 거기에 갈.

48
00:04:19,830 --> 00:04:21,400
모든 것이 좋아 보인다.

49
00:04:21,420 --> 00:04:24,870
마지막으로 내가 보여주는 것은 여기에 다른 아이콘을 사용할 수있는 방법입니다.

50
00:04:25,140 --> 00:04:31,860
제가 사용하고있는 라이브러리는 재미있는 재미있는 라이브러리입니다. 멋진 아이콘은 많은 아이콘이 포함 된 간단한 라이브러리입니다.

51
00:04:31,860 --> 00:04:37,520
당신이 굉장한 Funt에서 그것에 도착할 수 있도록 아이콘으로 Bootstrap에 내장 된 것보다 더 많은 방법.

52
00:04:37,610 --> 00:04:38,390
그녀를 갖지 마라.

53
00:04:38,430 --> 00:04:40,890
나는 내가 여기 홈 페이지에 있다는 것을 안다.

54
00:04:41,280 --> 00:04:47,220
아이콘을 클릭하면 580 가지가 넘는 아이콘이 표시되어 여기에서 모두 볼 수 있습니다.

55
00:04:47,550 --> 00:04:53,580
Pucelle에서 정말 쉽게 할 수없는 멋진 기능 중 하나를 통해 검색 할 수 있습니다.

56
00:04:53,670 --> 00:05:01,870
그래서 우리는 사진을 검색 할 수 있고 우리는 내가 사용했던 카메라와 레트로 카메라를 얻을 수 있습니다.

57
00:05:02,100 --> 00:05:05,180
그러나 우리가 그 중 하나를 사용할 수 있기 전에 그것을 설치해야합니다.

58
00:05:05,400 --> 00:05:07,750
그래서 시작하는 경우.

59
00:05:07,800 --> 00:05:14,160
그들에게는 멋진 CDN이 있습니다. 그냥 복사해서 응용 프로그램 안에 넣을 수 있습니다.

60
00:05:14,160 --> 00:05:18,650
그래서 우리는 갑자기 최고 급여를 지급 할 것입니다.

61
00:05:19,140 --> 00:05:24,190
그리고 이제 우리는 재미있는 멋진 아이콘을 사용할 수 있으며 정말 쉽습니다.

62
00:05:24,330 --> 00:05:35,100
실제로 당신이 좋아하는 아이콘을 클릭하면 내가 평화 기호를 사용할 수 있다고 말하면서 그것을 클릭 할 수 있고 복사 할 수있는 약간의 코드를 제공합니다.

63
00:05:35,100 --> 00:05:38,300
그래서 그것은 재미를위한 f a와 같은 클래스의 아이콘입니다.

64
00:05:38,310 --> 00:05:38,660
굉장해.

65
00:05:38,670 --> 00:05:42,010
그리고 F.A.는 아이콘의 이름을 대시합니다.

66
00:05:42,990 --> 00:05:51,870
카메라 아이콘을이 아이콘으로 바꾸어 저장하고 새로 고침하는 큰 평화 서명을 갖도록하겠습니다.

67
00:05:52,380 --> 00:05:53,640
그리고 우리에게는 평화의 신호가 있습니다.

68
00:05:53,850 --> 00:05:55,820
정말 재미있어 굉장합니다.

69
00:05:55,830 --> 00:05:57,110
정말 인기가 있어요.

70
00:05:57,120 --> 00:06:01,970
당신이 필요로하는 거의 모든 아이콘을 볼 수있는 멋진 아이콘이 많이 있습니다.

71
00:06:01,980 --> 00:06:03,620
그들에는 일련의 표준이있다.

72
00:06:03,690 --> 00:06:04,940
재생 버튼 일시 중지.

73
00:06:04,950 --> 00:06:09,400
뒤로 기술 및 다른 인터넷 아이콘에 대 한 다른 아이콘을 전달합니다.

74
00:06:09,480 --> 00:06:12,260
그러나 그들은 또한 평화 표시와 같은 재미있는 것을 더 가지고 있습니다.

75
00:06:12,320 --> 00:06:16,090
그리고 나는 그들도 Spock hand를 가지고 있다고 생각합니다.

76
00:06:16,380 --> 00:06:19,460
따라서 다른 글꼴을 사용하는 것처럼 이들 중 하나를 사용할 수 있습니다.

77
00:06:19,500 --> 00:06:24,130
따라서 색상을 변경하려면 크기를 변경하려는 경우 색상 속성 만 변경하면됩니다.

78
00:06:24,360 --> 00:06:26,510
글꼴 크기는 실제로 변경됩니다.

79
00:06:26,880 --> 00:06:44,880
그래서 다시 카메라 레트로 카메라 검색을 사용하여 카메라 대시 레트로입니다. 따라서 대시 카메라 대시 레트로를 수행하고 새로 고침을해야하며 레트로 카메라를 얻을 수 있습니다.

80
00:06:44,880 --> 00:06:46,710
좋아, 그래서 우리는 갤러리와 함께 끝났다.

81
00:06:46,710 --> 00:06:52,370
실제로 이미지를 바꾸는 것 외에 내가 끝내 자마자 할 수있는 다른 이미지가 있습니다.

82
00:06:52,380 --> 00:06:56,310
어쨌든 시청하고 싶지는 않을 것입니다.하지만 마지막에 포함시키려는 경우에 대비하십시오.

83
00:06:56,310 --> 00:07:04,110
그래서 우리는 여기서 Bartra만큼의 작은 변화를 만들었습니다. 이것은 우리가 흑과 백의 nav bar를 얻은 방법 인 지금까지 inverse를 사용했습니다.

84
00:07:04,230 --> 00:07:07,650
그러나 실제로 어쨌든 색을 변경하여 실제로는 별 문제가되지 않았습니다.

85
00:07:07,650 --> 00:07:12,380
그리고 나서 우리는 상단에 고정되는 방식 인 nav bar fixed top을 사용했습니다.

86
00:07:12,480 --> 00:07:16,100
우리는 여기서 그리드 시스템을 사용하고 점보트론을 사용합니다.

87
00:07:16,100 --> 00:07:20,960
나는 상대적으로 제한된 부트 스트랩 아이콘으로 만들어진 개념을 글리프 (glyph)라고 소개했다.

88
00:07:21,000 --> 00:07:29,000
당신이 사용하는 대부분의 것들이 있지만 때로는 무언가를 갖지 못하거나 가끔 재미있는 멋진 아이콘이 재미있게 보이는 방식을 선호합니다.

89
00:07:29,010 --> 00:07:41,700
굉장히 피캔과 함께 음식 쇼보다 확실히 인기가있다. 그리고 내가 당신에게 보여 줬던 다른 새로운 물건은 당신이 단지 이미지 주위에 둘 수있는 엄지 손톱 종류이었다. 그리고 그것은 격자로 그 이미지를 억제하고,이 멋진 작은 경계를 여기에 추가 할 것이다.

90
00:07:41,700 --> 00:07:48,520
마지막으로 우리는 배경색을 색으로 변경하고자 할 때 특수성과 부트 스트랩 스타일을 어떻게 싸워야하는지에 대해 이야기했습니다.

91
00:07:48,620 --> 00:07:54,180
Nav의 배경색을 변경하고 싶습니다. 또는 링크의 글꼴 색상과 Nev의 색상을 지정합니다.

92
00:07:54,210 --> 00:07:55,450
여기 바로 브랜드.

93
00:07:55,620 --> 00:07:57,410
좋아요, 다음 동영상에서 볼 수 있습니다.

94
00:07:57,420 --> 00:08:00,230
부트 스트랩으로 방문 페이지를 만드는 방법을 알려 드리겠습니다.

95
00:08:00,300 --> 00:08:05,590
그리고 제가 약속했듯이 저는 여기에 9 개의 서로 다른 이미지를 만들기 위해 이미지 링크를 복사하여 붙여 넣기를 할 것입니다.

96
00:08:05,760 --> 00:08:09,160
그래서 당신이보고 싶은 무언가가 다음 1 ~ 2 분 정도 걸려 있다면.

97
00:08:09,660 --> 00:08:13,380
승인.

98
00:08:15,510 --> 00:08:28,760
그래서 저는 스크린을 분할 할 것이고 이것들 중 일부를이 첫 번째 것에 복사 할 것입니다. 그리고 저는이 것을 여기에서 대체 할 것입니다. 그리고 나는 다음 것을 할 것입니다.

99
00:08:29,140 --> 00:08:29,580
오래 된 장소입니다.

100
00:08:29,580 --> 00:08:31,360
여기 하나있어.

101
00:08:32,610 --> 00:08:47,350
그리고 나서 다음은 확실한 답입니다. 그리고 저는 계속 그렇게 할 것입니다.

102
00:08:47,350 --> 00:08:48,660
좋아, 우리는 반쯤 지나간거야.

103
00:08:48,660 --> 00:09:11,440
우리는 가까워지고 있으며 마지막으로 생각한 것은 모든 것이 좋게 보이고 신선하게 보이도록하고 우리는 9 가지 다른 이미지를 가지고 있다고 말하려합니다.

104
00:09:11,700 --> 00:09:12,360
굉장해.

105
00:09:12,660 --> 00:09:12,960
괜찮아.

106
00:09:12,960 --> 00:09:14,120
이제 끝났습니다.

107
00:09:14,190 --> 00:09:16,020
바라건대 그 이미지 갤러리를 즐겁게 만들었습니다.

108
00:09:16,050 --> 00:09:17,060
다음 비디오에서 뵙죠.