untitled
182 Part III: Adding Artistry: Design and Composition with CSS ...
Chapter 10 Organizing Your Web Pages Visually In This Chapter Creating effective borders Floating elements Using the clearpro ...
Managing Borders ....................................................................................... If you choose to surrou ...
<p>Absolute positioning units (inches, px, and so on) can also be used to position a background graphic, using the usual x ...
Choosing from lotsa border styles .................................................. You can specify eight different border styl ...
<p style=”border: 8px dashed”>This is the DASHED border style. </p> <p style=”border: 8px double”>This is the ...
CSS3 is developing a border-radiusproperty that allows you to further refine the appearance of borders by rounding the corners; ...
<html> <head> <style> IMG {border-style: dotted dotted none dashed;} </style> </head> <body> ...
<style> P {background-color: lightsalmon; padding: 12px; border-style: double; border-width: thick;} </style> In add ...
When you assign dark colors to the right and bottom sides, you produce the “outset” protruding lighting effect, even though you’ ...
<p>You can apply gradients to various images, as you wish. Imagine the nice fade-in effect that you can generate if you ad ...
Figure 10-9 shows a right float, using the preceding code but with one change: float: right; Left floats are often used to add s ...
Canceling a Float with Clear ...................................................................... Text listed in the HTML foll ...
text following the <br>beyond the floated image. All the <br>does is move the text down one line, as shown in Figure ...
Use the leftvalue, obviously, when you want to override an element floating left. I’ll leave it up to you to figure out when the ...
Chapter 11 Designing with Auto and Inline Elements In This Chapter Working with auto Setting margins and centering text Manag ...
This next example allows the browser to automatically adjust the size of the right margin, to ensure that a paragraph remains at ...
In Figure 11-2, by contrast, you see the effect of adding a CSS style employing auto. Here’s the code that causes the paragraph ...
Figure 11-2 demonstrates that stretching the browser window wider (right) does not stretch the paragraph wider. The right margin ...
Centering ............................................................................................ Figure 11-3 illustrates o ...
«
6
7
8
9
10
11
12
13
14
15
»
Free download pdf