Skip to content

first commit #40

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ashchao wants to merge 6 commits into
base: master
Choose a base branch
from
Open

first commit #40

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2818b83
first commit
ashchao Apr 27, 2019
99c99b7
Create reset.css
ashchao Apr 29, 2019
16aca77
Update style.css
ashchao Apr 29, 2019
a1e1b03
Update style.css
ashchao Jun 3, 2019
89522af
Update index.html
ashchao Jun 3, 2019
c113f38
Rename reset.css to css/reset.css
ashchao Jun 3, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file modified README.md
100644 → 100755
View file
Open in desktop
Empty file.
49 changes: 49 additions & 0 deletions css/reset.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
37 changes: 26 additions & 11 deletions css/style.css
100644 → 100755
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,36 +1,51 @@
body

/* make body font size 14 px */
body {
font-size: 14px;
}

nav {
background color: yellow;
background-color: yellow;
height: 100px;
margin-top: -10px;
position: fixed;
width: 100%;


}
/* create a section in the middle of the page using margins*/
section {
margin: 0 auto;
width: 60%;
}

/*Header size*/
h1 {
font-family sans-serif;
font-family: sans-serif;
font-size: 2em;
}

/* making text with example clss aligned to the center with a 30 px padding*/
.example, h3 {
padding-top: 30px;
text-align center
text-align: center;
}

/* making all h3 text 1.3 em in size*/
h3 {
font-size: 1.3em;
}

/* Setting background color, height, margin and width for element class green*/
.element {
background-color: green;
height: 100px;
margin 10px 0;
margin: 10px 0;
width: 100%;
}

/* Setting the background for last three divs*/
.element:nth-last-child(3) {
background: blue;
}
.element:nth-last-child(2) {
background: blue;
}

.element:nth-last-child(1){
background: blue;
}
3 changes: 2 additions & 1 deletion index.html
100644 → 100755
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav>
Expand Down