can you please help me solving this it is E Commerce Cours TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a header and two paragraphs You'll hand code the page for now the second half of this chapter shows you how to use the CSS tools available in VS 1 In the Demos folder of the Planet Wrox project, create a new Web Form called cssDemo aspx For this exercise, it doesn't matter if you choose Inline Code or Code Behind 2 Make sure the page is in Markup View and then locate the closing tag in the source Position your cursor at the end of the line and press Enter to create an empty line between the and tags On this new line type the word style and then press Tab Vs completes the element for you Press Enter to create some room between the tags and then complete the block as follows NOTE This code completion feature uses code snippets that enable you to associate a piece of code (like the element) with an identifier (like style in this example) Code snippets are very useful for inserting pieces of code quickly by typing only the short identifier Many more code snippets are available, and where appropriate I'll point them out throughout this book Instead of using the style code snippet, you can also type the full code yourself Note that as soon as you type the opening angle bracket ( element in the Document Window to select it and then choose Format New Style The New Style dialog box appears (visible in Figure 3 16) that lets you visually create new CSS code 3 At the top of the screen, open the Selector drop down list and choose (inline style) It's the first item in the list This ensures that the new style is applied as an inline style to the chl element 4 Switch to the Box category, shown in Figure 3 17 This dialog box has a handy diagram that serves as a refresher on the CSS Box Model, showing you where the properties padding, border, and margin end up By default, browsers draw some white space above or below an element, but the actual amount differs between browsers To give each browser the same consistent settings, you can reset the padding to 0 and then apply a little bit of margin at the bottom of the heading, which creates some distance to the elements following it To do this, set padding to o in the top box and clear the value from the drop down list next to the text box By leaving the Same for All option Working with CSS in Visual Studio 93 can simply choose them from different lists on the CSS Properties Grid This grid enables you to enter values manually but also offers handy tools to select colors, files, items from drop down lists, and more All changes you make in the Properties Grid are applied to the relevant style sheet, whether you're working with an inline, embedded, or external style sheet At the same time, the Design View is updated to reflect the new CSS options you have set When you look at the element, you can see that VS created an inline style with padding set to o to affect all four sides at once, and margin set to 0 0 10px 0 to control all four sides individually, Once you have created a bunch of useful and reusable styles, you need a way to apply your existing styles to other pages or HTML elements You see how this works next Applying Styles If you have some experience with Microsoft Word, you may be familiar with the Styles dialog box, which lists all available styles and enables you to apply them to selected portions of text This way, you can quickly apply identical formatting to blocks of text This works similarly in VS With the Apply Styles window accessible by choosing View Apply Styles from the main menu you can easily apply style rules to elements in the page WWOH TYR IT OUT Using the Apply Styles Window Cear Styles In this exercise, you reuse the Introduction class and apply it to the second paragraph of the page as well That way, both paragraphs end up looking the same 1 Still in Default aspx, make sure you're in Design View and then select the second paragraph of the page by clicking it Ensure that the Tag Selector at the bottom of the Document Window shows that the element is selected, and not another one like b that may be part of the element If you have only one Apply Styles paragraph of text, create a new one first (by pressing Enter after the Options first paragraph in Design View), enter some text, and then select that paragraph 2 Open the Apply Styles window by choosing View Apply Styles Make sure the window is not accidentally docked in the main Introduction Document Window, but either floats or is placed at the side of the Document Window This window shows all the selectors it finds in PageWrapper the current page and any attached style sheet If you don't see all the styles shown in Figure 3 23, click the Options button and choose Styles cms Show All Styles 3 Click the Introduction class in the CSS Styles list VS adds a class FIGURE 3 23 attribute to the tag Feel free to have a sa href Default aspx look around there are lots of interesting reviews and concert pictures to be found here Working with CSS in Visual Studio 195 1 Make sure that Default aspx is still open and switch to Markup View if necessary 2 Locate the chi element and click it once VS highlights the tag in the Tag Selector at the bottom of the Document Window to indicate it's the active tag rador 3 Open the Apply Styles window by choosing View Apply Styles PageWrapper from the main menu Alternatively, if you have the window docked with other windows, simply click its tab to make it active Again, make sure the window is not accidentally docked in the main Document Window, but either floats or is placed at the side of the hi Document Window At the bottom of the Apply Styles window, you'll see an inline style appear (see Figure 3 24) Style 4 Right click Inline Style and choose New Style Copy The New Style FIGURE 3 24 dialog box appears, enabling you to create a new style based on the current selection At the top of the window, choose hi from the Selector drop down list, and from the Define In dropdown list choose Existing style sheet From the URL drop down list, choose Styles styles css If that item isn't available, click the Browse button to locate and select it Your dialog box should end up like Figure 3 25 New Style AU und AalbYyoguj FIGURE 3 25 5 Click OK to close the dialog box VS creates a copy of the ni style and places it in the stylen cas file VS creates a new selector for hi in the styles css file instead of adding the padding and margin info to the existing rule set If you want to, you can combine the two selectors into one manually TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a header and two paragraphs You'll hand code the page for now the second half of this chapter shows you how to use the CSS tools available in VS 1 In the Demos folder of the Planet Wrox project, create a new Web Form called cssDemo aspx For this exercise, it doesn't matter if you choose Inline Code or Code Behind 2 Make sure the page is in Markup View and then locate the closing tag in the source Position your cursor at the end of the line and press Enter to create an empty line between the and tags On this new line type the word style and then press Tab Vs completes the element for you Press Enter to create some room between the tags and then complete the block as follows NOTE This code completion feature uses code snippets that enable you to associate a piece of code (like the element) with an identifier (like style in this example) Code snippets are very useful for inserting pieces of code quickly by typing only the short identifier Many more code snippets are available, and where appropriate I'll point them out throughout this book Instead of using the style code snippet, you can also type the full code yourself Note that as soon as you type the opening angle bracket ( element in the Document Window to select it and then choose Format New Style The New Style dialog box appears (visible in Figure 3 16) that lets you visually create new CSS code 3 At the top of the screen, open the Selector drop down list and choose (inline style) It's the first item in the list This ensures that the new style is applied as an inline style to the chl element 4 Switch to the Box category, shown in Figure 3 17 This dialog box has a handy diagram that serves as a refresher on the CSS Box Model, showing you where the properties padding, border, and margin end up By default, browsers draw some white space above or below an element, but the actual amount differs between browsers To give each browser the same consistent settings, you can reset the padding to 0 and then apply a little bit of margin at the bottom of the heading, which creates some distance to the elements following it To do this, set padding to o in the top box and clear the value from the drop down list next to the text box By leaving the Same for All option Working with CSS in Visual Studio 93 can simply choose them from different lists on the CSS Properties Grid This grid enables you to enter values manually but also offers handy tools to select colors, files, items from drop down lists, and more All changes you make in the Properties Grid are applied to the relevant style sheet, whether you're working with an inline, embedded, or external style sheet At the same time, the Design View is updated to reflect the new CSS options you have set When you look at the element, you can see that VS created an inline style with padding set to o to affect all four sides at once, and margin set to 0 0 10px 0 to control all four sides individually, Once you have created a bunch of useful and reusable styles, you need a way to apply your existing styles to other pages or HTML elements You see how this works next Applying Styles If you have some experience with Microsoft Word, you may be familiar with the Styles dialog box, which lists all available styles and enables you to apply them to selected portions of text This way, you can quickly apply identical formatting to blocks of text This works similarly in VS With the Apply Styles window accessible by choosing View Apply Styles from the main menu you can easily apply style rules to elements in the page WWOH TYR IT OUT Using the Apply Styles Window Cear Styles In this exercise, you reuse the Introduction class and apply it to the second paragraph of the page as well That way, both paragraphs end up looking the same 1 Still in Default aspx, make sure you're in Design View and then select the second paragraph of the page by clicking it Ensure that the Tag Selector at the bottom of the Document Window shows that the element is selected, and not another one like b that may be part of the element If you have only one Apply Styles paragraph of text, create a new one first (by pressing Enter after the Options first paragraph in Design View), enter some text, and then select that paragraph 2 Open the Apply Styles window by choosing View Apply Styles Make sure the window is not accidentally docked in the main Introduction Document Window, but either floats or is placed at the side of the Document Window This window shows all the selectors it finds in PageWrapper the current page and any attached style sheet If you don't see all the styles shown in Figure 3 23, click the Options button and choose Styles cms Show All Styles 3 Click the Introduction class in the CSS Styles list VS adds a class FIGURE 3 23 attribute to the tag Feel free to have a sa href Default aspx look around there are lots of interesting reviews and concert pictures to be found here Working with CSS in Visual Studio 195 1 Make sure that Default aspx is still open and switch to Markup View if necessary 2 Locate the chi element and click it once VS highlights the tag in the Tag Selector at the bottom of the Document Window to indicate it's the active tag rador 3 Open the Apply Styles window by choosing View Apply Styles PageWrapper from the main menu Alternatively, if you have the window docked with other windows, simply click its tab to make it active Again, make sure the window is not accidentally docked in the main Document Window, but either floats or is placed at the side of the hi Document Window At the bottom of the Apply Styles window, you'll see an inline style appear (see Figure 3 24) Style 4 Right click Inline Style and choose New Style Copy The New Style FIGURE 3 24 dialog box appears, enabling you to create a new style based on the current selection At the top of the window, choose hi from the Selector drop down list, and from the Define In dropdown list choose Existing style sheet From the URL drop down list, choose Styles styles css If that item isn't available, click the Browse button to locate and select it Your dialog box should end up like Figure 3 25 New Style AU und AalbYyoguj FIGURE 3 25 5 Click OK to close the dialog box VS creates a copy of the ni style and places it in the stylen cas file VS creates a new selector for hi in the styles css file instead of adding the padding and margin info to the existing rule set If you want to, you can combine the two selectors into one manually

The Answer is in the image, click to view ...

Question: can you please help me solving this it is E- Commerce Cours TRY IT OUT Writing Your First CSS In this Try It Out you

can you please help me solving this it is E- Commerce

Cours TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a

header and two paragraphs. You'll hand code the page for now; the

second half of this chapter shows you how to use the CSS

tools available in VS. 1. In the Demos folder of the Planet

can you please help me solving this it is E- Commerce Cours

TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a header and two paragraphs. You'll hand code the page for now; the second half of this chapter shows you how to use the CSS tools available in VS. 1. In the Demos folder of the Planet Wrox project, create a new Web Form called cssDemo.aspx. For this exercise, it doesn't matter if you choose Inline Code or Code Behind. 2. Make sure the page is in Markup View and then locate the closing tag in the source. Position your cursor at the end of the line and press Enter to create an empty line between the

and tags. On this new line type the word style and then press Tab. Vs completes the <style> element for you. Press Enter to create some room between the tags and then complete the block as follows: <title></style>

NOTE This code completion feature uses code snippets that enable you to associate a piece of code (like the NOTE This code completion feature uses code snippets that enable you to associate a piece of code (like the

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

i have this homework, and those slides and files are related to this homework so we have to use them insoliving it please help me solving it as soon as possible ? 1. The city that your group is...

Can someone please help me make this run? I don't understand why it is not //AssignReadString public class AssignReadString { } import java.awt.image.BufferedImageFilter; import...

Please help with this. Text below BCS 101 - Programming Concepts and Problem Solving This course will provide an introduction to programming logic and problem solving techniques using different...

Hi, Please help me with homework. Thank you !!! Thumbs up for ALL answers. Material: Book Title Social Media Marketing: A Strategic Approach Author Barker, Barker, Bormann, Roberts, Zahay...

Can you write an essay? CASE: SM-219 DATE: 02/06/14 BASWARE IN 2013: TRANSITION TO SOFTWARE AS A SERVICE The technology transition is a complicated and difficult task, but the end is in sight....

Please help with the Participation Activities Home x |0 Mail - Darwish, Jacqueline - Outl x D21 Grades - MAT-136-X2483 Introt x m Southern New Hampshire Unive x + X - > C A...

Dr.Ramsey Please assist me with my discussion post. Subject: Annuities Systematic risk evaluates the probability and extent of negative consequences to the larger body. For example, the government...

Please answer Discuss the possible challenges Amazon could face in China going forward. What should it do in such a scenario? What are the future challenges? Use the BCG Matrix to evaluate Amazons...

Developing skills for Business Leadership: Assignment Part 1: Continuing Professional Development Action Plan (50% of overall module mark). So here, give an introduction firstly.. something similar...

MO1: The Prompt for Essay #1 (Not due now. Consider this a preview.) a This is the essay assignment that will be due at the END of Module 01. If you're reading this at the beginning of the module,...

3. b. Three companies, Company A, Company B, Company C, purchase an identical piece of manufacturing equipment for use in their operations. The cost of the equipment is $3000, the estimated salvage...

iCoastal Corporation manufactures two types of kayaks-Ocean and fishing-and applies manufacturing overhead to all units using machine hours. Production information follows. Ocean Fishing Anticipated...

At the beginning of the year, Mitchum Enterprises allows for estimated uncollectible accounts of \ ( \ $ 1 5 , 4 0 0 \ ) . By the end of the year, writeoffs of bad debts total \ ( \ $ 1 7 , 8 0 0 \ )...

by extent of reaction approch Consider the combination of a continuous steady state catalytic reactor followed by distillation with recycle of the unreacted products in which the following reaction...

Imagine that the U.S. Congress, recognizing the importance of being well dressed, started giving preferential tax treatment to clothing insurance. Under this new type of insurance, you would pay the...

Find some information on an index fund (such as the Vanguard Total Stock Market Index, ticker symbol VTSMX). How has this fund performed compared with other stock mutual funds over the past 5 or 10...

According to an old myth, Native Americans sold the island of Manhattan about 400 years ago for $24. If they had invested this amount at an interest rate of 7 percent per year, how much would they...