Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,156,826 members, 7,831,683 topics. Date: Saturday, 18 May 2024 at 01:32 AM

Learn Web Design LIVE On Nairaland!!! - Webmasters (11) - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (524594 Views)

Learn Bulk SMS Web Design LIVE On Nairaland!!! Www.buymoresms.com / Web Design Live On Nairaland, Professional / Forum Website (2) (3) (4)

(1) (2) (3) ... (8) (9) (10) (11) (12) (13) (14) ... (121) (Reply) (Go Down)

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:59am On Sep 01, 2013
2-Inline Style Sheet:
This method is used to modify several elements in an HTML document making it easier than using an inline style. Inline Style Sheets are placed within the <head> and </head> section of the document and is defined with the opening and closing <style> tags.
E.g
<head>
<style>
body {
background: #eeeeee;
font-family:Verdana;
}
p {
color:yellow;
font:18px;
}
</style>
</head>

Definitely, this solves the problem of repeating styles for different elements in a document which reduces stress and error in coding.
Inline Style Sheets are used mainly to style a single webpage. Adding stles to different webpages is done with external style sheets.

6 Likes 4 Shares

Re: Learn Web Design LIVE On Nairaland!!! by Etesam(m): 2:10am On Sep 01, 2013
iyenimofe: Why Tutor Web design Directly on Nairaland?
...Let’s set the ball rolling!!
Quite an ambitious undertaking; and at no cost!
Wonders will ne'er cease in Nairaland!
Re: Learn Web Design LIVE On Nairaland!!! by Etesam(m): 2:43am On Sep 01, 2013
iyenimofe: The <!DOCTYPE> declaration
....The < ! DOCTYPE> declaration is thus the first item to be inserted in the document.
Finished page 1. I hope to meet up, soon!

3 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 6:20am On Sep 01, 2013
sir no question
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:30am On Sep 01, 2013
brownlord: NOTICE: All student of this class are required to submit their assignment latest Monday, Sign Class capo
@iyenimore my Lecturer, Ride on sir, my grand mother still dey for u
If ma lady catch you and your grandma ehn?!
dhtml: what of banned students like *dhtml? How them go take submit their assignments?
You just gotta beg Mr Moderator. But why does Mr Moderator like you this much?

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 1:23pm On Sep 01, 2013
sunday478: Am sorry sir for resuming school late, it was due to some family issue. let me call my class captain and asking for the assignment question.



Ah ah! wetin the do this guy number, why him number no go nah.

So you expect my number to go for night call abi? my friend common port to Nitel
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 1:26pm On Sep 01, 2013
Etesam:
Quite an ambitious undertaking; and at no cost!
Wonders will ne'er cease in Nairaland!

Who be this one, are you for us or against us? Class Marshall take care of this man

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 1:27pm On Sep 01, 2013
iyenimofe:
If ma lady catch you and your grandma ehn?!

You just gotta beg Mr Moderator. But why does Mr Moderator like you this much?


Chai lecturer the CSS don dey turn magic for my eye o, As for your lady, make she calm down ma grand ma na your bonus, and we don sign am since 2009 we no want make you go join your colleague for the ongoing ASUU festival, so we gat remit all ur entitlement
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 2:07pm On Sep 01, 2013
iyenimofe:
You just gotta beg Mr Moderator. But why does Mr Moderator like you this much?
I dont beg nobody (maybe mr spambot sha), i got like 1,000 or more nairaland IDs, i be major share holder here.

Let the class go on jare, i go sit down for window dey enjoy the class dey go!

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 3:57pm On Sep 01, 2013
Etesam:
Quite an ambitious undertaking; and at no cost!
Wonders will ne'er cease in Nairaland!
abeg commot here jare
Re: Learn Web Design LIVE On Nairaland!!! by Etesam(m): 8:48pm On Sep 01, 2013
idlatest: abeg commot here jare
bros, have you heard 'freedom of speech' before? Sure say you don register proper for nairaland?
Re: Learn Web Design LIVE On Nairaland!!! by Tos87(m): 10:13pm On Sep 01, 2013
.tos87:
Ї have always been a Ğ☺☺∂ student ãпԃ will still be.....wait for ЂΞ next class
Re: Learn Web Design LIVE On Nairaland!!! by Tos87(m): 10:21pm On Sep 01, 2013
M
Re: Learn Web Design LIVE On Nairaland!!! by majinice07: 12:34am On Sep 02, 2013
The class reps is back! so watch out your words and from now on attendance will be going on in this class for the record of serious student and for exams purpose...

VC : OLUWASEUN OSEWA
HOD : IYENIMOFE
LECTURER : IYENIMOFE
CLASS REPS : MAJINICE cool

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 1:58am On Sep 02, 2013
3- External Style Sheets:
External Style Sheets is the main tool used in Css, This is because it solves the major problems that lead to the creation of CSS. An external style sheet contains codes that style a document(these codes are what we will definitely treat throughout these tutorials). It is then saved as a CSS file with the extension .css
After this is done, the CSS document, which we shall now call a style sheet has to be attached to the HTML document that has to be styled. This done with the HTML tag <link>. If you remember, we talked about this tag briefly when talking about elements nested in the head section opf an HTML document. Suitably, the <link> tag always lies in the <head>.
The appropriate syntax for linking a style sheet would be:
<link type="text/css" href="stylesheet.css"/>

As you can see the <link> tag has two required attributes:
a)The type attribute- The value"text/css" specifies that the linked document contains text content.
b)The href attribute-The value specifies the address of the style sheet. You can use either an absolute(full address e.g http://www.site.com/folder/sylesheet.css) or relative(stlesheet.css) naming convention(This will ne explained fully in the HTML exclusive thread https://www.nairaland.com/1418387/learn-html-live-nairaland )

4 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 2:05am On Sep 02, 2013
The external style sheet is a jolly good fellow as it saves programmers the burden of styling individual elements or pages. All you need to do is link a style sheet to every page in your website and Voila! all pages on your site would be styled. It should also be noted that you can add more than one style sheet to a page. You can even combine inline styles, inline sheets and multiple external sheets on a single page. However, what happens if the same element is styled in three different ways in the inline style, internal and external sheets? Confusion? Not necessarily if you understand CSS Inheritance- the next part of our CSS tutorials.

2 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 5:54am On Sep 02, 2013
Can we use <link rel="nairalandstylesheet" href="http://www.nairaland.com/static/nl2.css/13"/> as an external stylesheet?
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:07am On Sep 02, 2013
dhtml: Can we use <link rel="nairalandstylesheet" href="http://www.nairaland.com/static/nl2.css/13"/> as an external stylesheet?
Boss, the type attribute is compulsory nah.
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:52pm On Sep 02, 2013
Consider this image

4 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by sunday478(m): 4:50pm On Sep 02, 2013
brownlord:

So you expect my number to go for night call abi? my friend common port to Nitel
k nah
Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 5:41pm On Sep 02, 2013
I still dey spy
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 6:59pm On Sep 02, 2013
iyenimofe:
Boss, the type attribute is compulsory nah.
Uhm, i dont fully agree (maybe for HTML 4 sha), except you can explain why my site validates - http://.net/ - http://validator.w3.org/check?uri=.net&charset=%28detect+automatically%29&doctype=Inline&group=0 without using type?
Re: Learn Web Design LIVE On Nairaland!!! by Obizee316(m): 7:02pm On Sep 02, 2013
@op i really appreciate ur effort on dis training n i pray God will gv u strength n wisdom to take us der.

3 Likes

Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 7:32pm On Sep 02, 2013
He really is a great teacher and is doing it right!

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:59pm On Sep 02, 2013
dhtml:
Uhm, i dont fully agree (maybe for HTML 4 sha), except you can explain why my site validates - http://.net/ - http://validator.w3.org/check?uri=.net&charset=%28detect+automatically%29&doctype=Inline&group=0 without using type?

And a coup began...
smiley
I checked W3C.org and discovered the rel attribute is required. Thank you, that's why you be boss. @brownlord you now have a deputy-*dhtml/dhtml//dhtml5.

2 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by Tos87(m): 10:14pm On Sep 02, 2013
Thanks Op for ȧȴȴ said ãпԃ done so far..............pls does ЂΞ styles sheet already desgned ѳπ ЂΞ css or are we going to do that ourself before using Ţ☹ enhance d html?.
Re: Learn Web Design LIVE On Nairaland!!! by Tos87(m): 10:15pm On Sep 02, 2013
Thanks Op for ȧȴȴ said ãпԃ done so far..............pls is ЂΞ styles sheet already desgned ѳπ ЂΞ css or are we going to do that ourself before using Ţ☹ enhance d html?.
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:21pm On Sep 02, 2013
Tos87: Thanks Op for ȧȴȴ said ãпԃ done so far..............pls is ЂΞ styles sheet already desgned ѳπ ЂΞ css or are we going to do that ourself before using Ţ☹ enhance d html?.
We'll treat that starting from the 2nd part to the previous one.
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:41pm On Sep 02, 2013
The style that will be used when
there is more than one style
specified for an element is defined as the Cascading order
An inline style which is closest to the element has the highest priority. This is followed by the internal sheet and then the external sheet. This means
1-An inline style will override an internal style and an external style sheet.
2-An internal style sheet will override an external sheet.
3-An external sheet will override the element's default properties.
Once more, remember the image.
NOTE: If an external
style sheet (its link) is placed after the
internal style sheet and thus closer to the element to be modified, the external sheet
will override the internal style sheet. Simple logic!

1 Like 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:47pm On Sep 02, 2013
It is high time we now discuss CSS Syntax. The main thing, what is contained in the internal styles, internal and external sheets
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 11:09pm On Sep 02, 2013
iyenimofe:

And a coup began...
smiley
I checked W3C.org and discovered the rel attribute is required. Thank you, that's why you be boss. @brownlord you now have a deputy-*dhtml/dhtml//dhtml5.
I accidentally discovered that type was not required in HTML5 when i tried validating my site earlier, i first thought the validator was madt!
Yeah, lets go into the styles, its high-time!!

(1) (2) (3) ... (8) (9) (10) (11) (12) (13) (14) ... (121) (Reply)

Domain Name Business; The Easiest & The Most Profitable Online Venture / How To Download Youtube Videos Using The ‘ss’ Trick

Viewing this topic: 1 guest(s)

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 35
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.