Welcome! Log In Create A New Profile

Advanced

CSS: Lesson 2: Topic A

Posted by Alison-78112087 
Announcements Last Post
Announcement SoC Curricula 09/30/2017 01:08PM
Announcement Demarcation or scoping of examinations and assessment 02/13/2017 07:59AM
Announcement School of Computing Short Learning Programmes 11/24/2014 08:37AM
Announcement Unisa contact information 07/28/2011 01:28PM
Forums Messages New
avatar
Alison-78112087
CSS: Lesson 2: Topic A
July 19, 2013 12:38PM
I did not entirely understand this topic at first but after looking through previous years' forums and rereading all the information given in the study manual a few times, it finally made sense.

Done.
Reply Quote
avatar
Dawid-78135591
Re: CSS: Lesson 2: Topic A
July 25, 2013 08:16AM
Working with classes is where CSS really becomes powerful. The challenge with CSS I find is that there are a number of ways to achieve the same result - using classes, ID styles etc. Knowing when to you use what is the real challenge.
Reply Quote
78113970
Re: CSS: Lesson 2: Topic A
July 30, 2013 10:40AM
Done.
Reply Quote
lisa78183413
Re: CSS: Lesson 2: Topic A
July 30, 2013 06:49PM
done
Reply Quote
S RAMAMGWA
Re: CSS: Lesson 2: Topic A
August 03, 2013 04:07PM
I'm Done.
Reply Quote
avatar
Julian - 78171598
Re: CSS: Lesson 2: Topic A
August 06, 2013 07:13PM
Done

Regards. smiling smiley
Reply Quote
cedric-78114268
Re: CSS: Lesson 2: Topic A
August 21, 2013 11:03PM
done with this
Reply Quote
rvv-78148588
Re: CSS: Lesson 2: Topic A
September 10, 2013 05:21PM
Hi - I thought I'd share the code I added into The Cascade/NewsParrot index.html for Activity 2.2 (5b) to get the 'Nothing New' heading to display as on p70 (seeing that it took me a while to figure this out...) : 

Language: HTML
<h2 class=lead>Nothing New</h2>
Reply Quote
avatar
bigron11
Re: CSS: Lesson 2: Topic A
September 11, 2013 08:17AM
It should be - 

Language: HTML
<h2 class="lead">Nothing New</h2>
Reply Quote
avatar
bigron11
Re: CSS: Lesson 2: Topic A
September 11, 2013 10:00AM
You could also apply the styles directly to the h2 element in your stylesheet.
This is useful if all h2 elements in your website have the same styling. 

Language: CSS
h2 {
 
// put CSS here
 
}



If you apply different styling to h2 elements in your website, then class is the way to go.
Reply Quote
ndangoh-78169186
Re: CSS: Lesson 2: Topic A
September 13, 2013 10:23AM
Done.
I love the way it is presented in this manual. Read another manual on classes a while ago, and could not understand the differentiation between element classes and independent classes. It's all come to light now.
So if we had to use just one, independent classes would be the way to go since we can apply them on any element, while element classes can only work with the elements with which they are defined.
Reply Quote
avatar
bigron11
Re: CSS: Lesson 2: Topic A
September 13, 2013 10:33AM
"id" is unique, and can only be used once on a page. 

Language: CSS
#mystyle {
   // CSS
}



"class" can be used any number of times on a page. 

Language: CSS
.mystyle {
   // CSS
}

or, to apply only to specific elements eg: <p> - 

Language: CSS
p.mystyle {
   // CSS
}




Have a look here for more info -

http://www.w3schools.com/css/css_id_class.asp
Reply Quote
78175232
Re: CSS: Lesson 1: Topic 1A
September 18, 2013 04:28PM
guys would you please help
Reply Quote
ndangoh-78169186
Re: CSS: Lesson 1: Topic 1A
September 18, 2013 05:19PM
Whats the issue boss?
Reply Quote
avatar
Sli78120497
Re: CSS: Lesson 2: Topic A
October 05, 2013 05:38PM
Hi Everyone

I'm struggling a bit with this one. Question 5 requires us to create the follow:

Create in the Parrot.css style sheet:

h2.lead {color:#000;
background-color:transparent;
font-weight:bold;}

I did that and put class="lead" in the world.html page, like this:

<h2class="lead"> other news...</h2>

The page changes the background to transparent and makes the text smaller, but it remains in small caps instead of the text in the textbook.

Please help, thank you.

'Start small, start young'...
Reply Quote
avatar
bigron11
Re: CSS: Lesson 2: Topic A
October 05, 2013 06:20PM
font-weight: bold; only displays text in bold, it does not change the capitalization of the text.
Reply Quote
avatar
Sli78120497
Re: CSS: Lesson 2: Topic A
October 06, 2013 10:18AM
Hi Big ron

I went over the section again and the text changed for all the links, but for some reason it is still not bold...

'Start small, start young'...
Reply Quote
avatar
bigron11
Re: CSS: Lesson 2: Topic A
October 06, 2013 10:51AM
It depends to an extent on what font (font-family) you are using. Not all fonts react in the same way.

There is no purpose in setting any <H?> tag to bold. They are all bold by default.
Reply Quote
Chris-78110335
Re: CSS: Lesson 2: Topic A
October 13, 2013 07:49PM
Done
Reply Quote
Kyle-78168406
CSS: Lesson 2: Topic A
October 15, 2013 09:14PM
Done
Reply Quote
babs78169437
Re: CSS: Lesson 2: Topic A
October 24, 2013 09:31AM
done
Reply Quote
Tish-78175135
Re: CSS: Lesson 2: Topic A
October 31, 2013 10:44PM
done
Reply Quote
Faith78184878
Re: CSS: Lesson 2: Topic A
November 03, 2013 06:37AM
done
Reply Quote
lisa78183413
Re: CSS: Lesson 2: Topic A
November 05, 2013 02:43PM
done
Reply Quote
Newer Topic Older Topic
Sorry, only registered users may post in this forum.

Click here to login