-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (91 loc) · 4.96 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../styles/main.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<script src="libraries/p5.js"></script>
<script src="libraries/p5.dom.js"></script>
<script src="libraries/p5.sound.js"></script>
<script src="sketch.js"></script>
<title>Sharlene Ryan</title>
</head>
<body>
<div id="container">
<div class="container header">
<!--<img class="image.me"src="img/me.jpg" alt="me">-->
<div class="image-me"></div>
<div id="header">
<h1>Sharlene Ryan's Blog</h1>
</div>
</div>
<div id="content">
<div id="navbar">
<h2>Foundations</h2>
<button type="li">
<ul>
<li><a class="seleted href"= Home ></a>
<li><a href="../Tech/Sprint1-technical.html">The story of Houtaewa</a>
<li><a href="../Tech/Sprint2-technical.html">Class vs Id</a>
<li><a href="../Tech/Sprint3-technical.html">JavaScript</a>
<li><a href="../Tech/Sprint4-technical.html">Problem Solving</a>
<li><a href="../Tech/Sprint5-technical.html">calulater</a>
<li><a href="../Tech/Sprint1-cultural.html">Strengths and Weakness</a>
<li><a href="../Tech/Sprint2-cultural.html">Learning Agreement</a>
<li><a href="../core/Sprint1-core.html">Emotional Intelligence</a>
<li><a href="../core/Sprint2-core.html"> Neuroplasticity</a>
<li><a href="../core/Sprint3-core.html"> 3 core</a>
<li><a href="../core/Sprint4-core.html"> 4 core</a>
<li><a href="../core/Sprint5-core.html"> 5 core</a>
</ul>
</button>
</div>
</div>
<div id= Main>
<h3>The Difference Between HTML and CSS</h3>
<p>HTML is a element document the brings structure to the page a screen display,
paper or in other media. (the Hypertext Markup Language) and the CSS (Cascading
Style sheets) are two of the core technologies for building Web pages. Css the
visual and aural layout, for a variety of devices. Css saves a lot of work, it
can control the layout of multiple web pages all at once. The difference between
the html and css is simply is html is used to create the actual content of a page,
such as written text, and css is responsive for the design or style of the website,
including the layout special effects and background colour.</p>
<h5>There are three types of CSS which are given below:</h5>
<li>• Inline CSS</li>
<li>• Internal or embedded CSS</li>
<li>• External CSS</li>
<p>Inline Css contains the css property in the body section attached with elements is known
as inline CSS. This kind of style is specified within an HTML tag using style attributes.</p>
<p>Internal or Embedded Css: this can be used when a single HTML document must be styled
uniquely. The Css rule set should be within the HTML file in the head section ie. The CSS
is embedded within the HTML file.</p>
<p>External CSS external css contains separate css files which contains only style property
with the help of a tag attributes. Property written in a separate file with .css extension
and should be linked to the html document using link tag. This means the for each element,
style can be set only once and that will be applied across web pages.</p>
<p>Properties of CSS: inline css has the highest priority, then comes internal/embedded
followed by external CSS which has the least priority. Multiple style sheets can be defined
on one page. If for an HTML tag, style are defined in multiple style sheets then the below
order will be followed.</p>
<p>As inline has the highest priority, any styles that are defined in the internal and external
style sheets are overridden by inline styles. Internal or Embedded stands second in the
priority list and overrides the styles in the external style sheet. External style sheets
have the least priority. If there are no styles defined either in inline or internal style
sheet then external style sheet reles are applied for the HTML tags.
</p>
</div>
</div>
<div id=footer>
<p>Copyright (c) 2019 Sharlene Ryan</p>
</footer>
</div>
<script type ="text/javascript"></script>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/navbar-fixed.js"></script>
</body>
</html>