Commit @46d7e76fbe092147991c04d3cd2c25afcf510e79 - roakfwk30/2022단기집중

안효원 2022-01-19

modified

@46d7e76fbe092147991c04d3cd2c25afcf510e79

b9ee41b

46d7e76

vscode/float/README.md (Renamed from vscode/README.md)

--- vscode/README.md

+++ vscode/float/README.md

No changes

b9ee41b

46d7e76

vscode/float/images/banner.png (Binary) (Renamed from vscode/float/image/banner.png (Binary))

--- vscode/float/image/banner.png

+++ vscode/float/images/banner.png

Binary file is not shown

b9ee41b

46d7e76

vscode/float/images/logo.png (Binary) (Renamed from vscode/float/image/logo1.png (Binary))

--- vscode/float/image/logo1.png

+++ vscode/float/images/logo.png

Binary file is not shown

b9ee41b

46d7e76

vscode/float/index.html

--- vscode/float/index.html

+++ vscode/float/index.html

...	...	@@ -13,7 +13,7 @@
13	13
14	14	<div class="top">
15	15	<div class="wrap">
16		- <a class="bg" href="#">전체메뉴</a>
	16	+ <a href="#" class="bg">전체메뉴</a>
17	17	<ul class="gnb">
18	18	<li><a href="#">로그인</a></li>
19	19	<li><a href="#">회원가입</a></li>
...	...	@@ -24,7 +24,9 @@
24	24	<nav>
25	25	<div class="wrap">
26	26	<div class="logo">
27		- <a href="#"><img src="image/logo1.png" alt=""></a>
	27	+ <a href="#">
	28	+ <img src="images/logo.png" alt="logo">
	29	+ </a>
28	30	</div>
29	31	<ul class="lnb">
30	32	<li><a href="#">학교소개</a></li>
...	...	@@ -51,5 +53,4 @@
51	53	</footer>
52	54	<!-- FOOTER -->
53	55	</body>
54		-</html>
55		-
	56	+</html> (No newline at end of file)

b9ee41b

46d7e76

vscode/float/main.css

--- vscode/float/main.css

+++ vscode/float/main.css


-@charset 'utf-8';
-
+@charset "utf-8";
 /* 공통 */
 * {
-    font-size: 14px;
-    margin: 0;
-    padding: 0;
     box-sizing: border-box;
+    padding: 0;
+    margin: 0;
 }
-/* 공통 */
+
 body {
     width: 100%;
     height: 100%;
-    background-color: #fff;
+    background-color: white;
 }
-a, a:hover, a:link, a:active {
+
+ul li {
+    list-style: none;
+}
+
+a, a:hover, a:link, a:active{
     text-decoration: none;
     color: #222;
 }
-b, strong {
-    font-weight: 600;
-}
+
 .wrap {
-    width: 100%;
+    width: 100%; 
     max-width: 800px;
     margin: 0 auto;
 }
-ul, li {
-    list-style: none;
-}
-header {
 
-}
+/* top */
 .top {
     background-color: #1b4fa0;
     width: 100%;
 }
-.top .bg:hover{
-    color: #eee;
-}
-.top .bg {
-    float: left;
+
+.top .bg{
     background-color: #143b78;
     color: #fff;
-    font-size: 0.8rem;
     padding: 10px 20px;
+    font-size: 0.8rem;
+    float: left;
 }
+
+.top .bg:hover {
+    color: #ccc;
+}
+
 .top .gnb {
     text-align: right;
 }
-.top .gnb li {
+
+.top ul li {
     display: inline-block;
 }
-.top .gnb li:hover {
-    color: #eee;
-}
-.top .gnb li a {
-    color: #fff;
+
+.top ul li a {
     display: block;
     padding: 10px 15px;
     font-size: 0.8rem;
+    color: #fff;
 }
+
+.top ul li a:hover {
+    color: #ccc;
+}
+
 nav {
     background-color: #eee;
 }
+
 nav .logo {
     float: left;
-    padding: 16px 0;
-    position: relative;
-    bottom: 10px;
+    padding: 16px 0px;
+    width: 30%;
 }
-nav .lnb li {
+
+nav .lnb {
+    width: 70%;
     display: inline-block;
-    width: 14%;
 }
-nav .lnb li a {
+
+nav .lnb li {
+    float: left;
+    width: 20%;
+}
+
+nav .lnb li a{
     display: block;
     padding: 27px 0;
-    font-size: 1.2rem;
     font-weight: 600;
+    font-size: 1.1rem;
     text-align: center;
 }
+
 nav .lnb li a:hover {
-     color: #143b78;
+    color: #005baa;
 }
+
+
+
+
+
+
+
+
+
+

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,85 +1,107 @@
1		-@charset 'utf-8';
2		-
	1	+@charset "utf-8";
3	2	/* 공통 */
4	3	* {
5		- font-size: 14px;
6		- margin: 0;
7		- padding: 0;
8	4	box-sizing: border-box;
	5	+ padding: 0;
	6	+ margin: 0;
9	7	}
10		-/* 공통 */
	8	+
11	9	body {
12	10	width: 100%;
13	11	height: 100%;
14		- background-color: #fff;
	12	+ background-color: white;
15	13	}
16		-a, a:hover, a:link, a:active {
	14	+
	15	+ul li {
	16	+ list-style: none;
	17	+}
	18	+
	19	+a, a:hover, a:link, a:active{
17	20	text-decoration: none;
18	21	color: #222;
19	22	}
20		-b, strong {
21		- font-weight: 600;
22		-}
	23	+
23	24	.wrap {
24		- width: 100%;
	25	+ width: 100%;
25	26	max-width: 800px;
26	27	margin: 0 auto;
27	28	}
28		-ul, li {
29		- list-style: none;
30		-}
31		-header {
32	29
33		-}
	30	+/* top */
34	31	.top {
35	32	background-color: #1b4fa0;
36	33	width: 100%;
37	34	}
38		-.top .bg:hover{
39		- color: #eee;
40		-}
41		-.top .bg {
42		- float: left;
	35	+
	36	+.top .bg{
43	37	background-color: #143b78;
44	38	color: #fff;
45		- font-size: 0.8rem;
46	39	padding: 10px 20px;
	40	+ font-size: 0.8rem;
	41	+ float: left;
47	42	}
	43	+
	44	+.top .bg:hover {
	45	+ color: #ccc;
	46	+}
	47	+
48	48	.top .gnb {
49	49	text-align: right;
50	50	}
51		-.top .gnb li {
	51	+
	52	+.top ul li {
52	53	display: inline-block;
53	54	}
54		-.top .gnb li:hover {
55		- color: #eee;
56		-}
57		-.top .gnb li a {
58		- color: #fff;
	55	+
	56	+.top ul li a {
59	57	display: block;
60	58	padding: 10px 15px;
61	59	font-size: 0.8rem;
	60	+ color: #fff;
62	61	}
	62	+
	63	+.top ul li a:hover {
	64	+ color: #ccc;
	65	+}
	66	+
63	67	nav {
64	68	background-color: #eee;
65	69	}
	70	+
66	71	nav .logo {
67	72	float: left;
68		- padding: 16px 0;
69		- position: relative;
70		- bottom: 10px;
	73	+ padding: 16px 0px;
	74	+ width: 30%;
71	75	}
72		-nav .lnb li {
	76	+
	77	+nav .lnb {
	78	+ width: 70%;
73	79	display: inline-block;
74		- width: 14%;
75	80	}
76		-nav .lnb li a {
	81	+
	82	+nav .lnb li {
	83	+ float: left;
	84	+ width: 20%;
	85	+}
	86	+
	87	+nav .lnb li a{
77	88	display: block;
78	89	padding: 27px 0;
79		- font-size: 1.2rem;
80	90	font-weight: 600;
	91	+ font-size: 1.1rem;
81	92	text-align: center;
82	93	}
	94	+
83	95	nav .lnb li a:hover {
84		- color: #143b78;
	96	+ color: #005baa;
85	97	}
	98	+
	99	+
	100	+
	101	+
	102	+
	103	+
	104	+
	105	+
	106	+
	107	+

Delete comment