Scribd
Upload
6 views

CSS Assignment- Pricing Table

Uploaded by

babandeeps911
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

CSS Assignment- Pricing Table

Uploaded by

babandeeps911
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

CSS ASSIGNMENT

CSS Assignment No. 11


Based on Session No: 7
Topics Covered: Float & Clear property and basic Navigation Menu
1. Create new file named cloud_pricing_table.html and create the following pricing_table.

2. Save Your File.


3. Open your HTML File in Browser’s like Chrome and Firefox etc.
4. Create another file named navbar.html and create the following Navbar.

5. Save Your File.


6. Open your HTML File in Browser’s like Chrome and Firefox etc.

COLLEGE OF COMPUTER AND INFORMATION TECHNOLOGY (CCIT) PAGE 11 OF 13


CSS ASSIGNMENT

CSS Assignment No. 12


Based on Session No: 7
Topics Covered: CSS Combinators
1. Create new file named combinators.html and in <body> Tag type the following code.
<div>
<img src="light-bulb.png">
<h2>What is Lorem?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto natus,
perferendis deserunt suscipit provident praesentium quod, ipsam sequi
delectus aperiam similique eos, voluptate soluta necessitatibus voluptatum?
Nihil ipsam commodi maiores? Lorem ipsum dolor sit amet consectetur
adipisicing elit.</p>
<span><p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Perferendis, ut aperiam. Quod pariatur consequatur eveniet soluta odio
aperiam, vitae harum voluptatum? Perferendis sint dolores reiciendis amet
hic cum velit neque?</p></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt sequi
voluptatem, praesentium eligendi laudantium obcaecati debitis quas eum
placeat dicta ratione illo, asperiores ea voluptates aut explicabo ducimus
similique porro.</p>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis, ad.
Ex quas quidem sit placeat beatae, repudiandae odio aut exercitationem magni
laudantium error voluptates necessitatibus, ipsum est tenetur distinctio
quae. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nulla quidem
est voluptates sed nobis quia itaque aliquam quis nihil.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ducimus
cumque quas rem placeat assumenda nihil illo corrupti doloremque. Laborum
at recusandae vero repellat, cum harum asperiores sapiente expedita nemo!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ducimus
cumque quas rem placeat assumenda nihil illo corrupti doloremque.</p>

2. Do Following Changes using CSS Combinators:


3. Change Color of <h2> element to green.
4. Change Color of immediate child element of <div> element to red.
5. Change Color of immediate child element of <span> element to purple.
6. Change Color of all <p> elements that are siblings of <div> element to blue.
7. Save Your File and Open your HTML File in Browser’s like Chrome and Firefox etc.

COLLEGE OF COMPUTER AND INFORMATION TECHNOLOGY (CCIT) PAGE 12 OF 13

You might also like