« Home « Chủ đề CSS

Chủ đề : CSS


Có 40+ tài liệu thuộc chủ đề "CSS"

Tự học HTML và CSS trong 1 giờ - part 12

tailieu.vn

<li>Lundi</li>. <li>Mardi</li>. <li>Mercredi</li>. <li>Jeudi</li>. <li>Vendredi</li>. <li>Samedi</li>. <li>Dimanche</li>. You can also use the list-style-type property or the type attribute with the <li>. When the numbering style is changed in an <li>. <li>July</li>. <li>August</li>. <li>September</li>. <li>October</li>. <li>November</li>. <li>December</li>. <li style=”list-style-type: lower-roman”>January</li>. You do so by using the value attribute in the <li>. <li>. <li>Quark Cheese</li>. <li>Honey</li>. <li>Cocoa</li>. <li>Vanilla Extract</li>. <li>Flour</li>. <li value=“10”>Eggs</li>....

Tự học HTML và CSS trong 1 giờ - part 13

tailieu.vn

<dl>...</dl>. <dt>...</dt>. <dd>...</dd>. list-style-image The image to use in place of the bullets for a list. The value should be the URL of the image.. list-style Enables you to set multiple list properties at once: list style type, list style position, and the URL of the bullet style.. If you set them both to zero, the text in the list...

Tự học HTML và CSS trong 1 giờ - part 14

tailieu.vn

href=”file.html” file.html is located in the current directory.. href=”files/file.html” file.html is located in the directory called files, and the files directory is located in the current directory.. href=”files/morefiles/file.html” file.html is located in the morefiles directory, which is located in the files directory, which is located in the current directory.. href=”../file.html” file.html is located in the directory one level up from...

Tự học HTML và CSS trong 1 giờ - part 15

tailieu.vn

In the last line (the See Also), linking the composer names to their respective sections elsewhere in the reference would be useful. If you use the procedure you learned earlier, you can create a link here around the word Byrd to the page b.html . When your readers select the link to b.html , the browser drops them at the...

Tự học HTML và CSS trong 1 giờ - part 16

tailieu.vn

It looks like the following:. Unlike the other URLs described here, the mailto URL works strictly on the client side.. The mailto link just tells the browser to compose an email message to the specified address. It’s up to the browser to figure out how that should happen. Most browsers will also let you add a default subject to the...

Tự học HTML và CSS trong 1 giờ - part 17

tailieu.vn

<b><i>Text that is both bold and italic</i></b>. <p>In Dante’s <i>Inferno</i>, malaboge was the eighth circle of hell, and held the malicious and fraudulent.</p>. <p>All entries must be received by <b>September 26, 1999</b>.</p>. <p>Type <tt>lpr -Pbirch myfile.txt</tt>. to print that file.</p>. <p>Sign your name in the spot marked <u>Sign Here</u>:</p>. <p>People who wear orange shirts and plaid pants <s>have no taste</s>....

Tự học HTML và CSS trong 1 giờ - part 18

tailieu.vn

Like the <hr>. tag, the <br>. And then is heard no more: it is a tale <br />. Told by an idiot, full of sound and fury, <br />. Signifying nothing.</p>. The following example shows a simple paragraph in which each line (except for the last, which ends with a closing <p>. tag) ends with a <br>. <p>Tomorrow, and tomorrow,...

Tự học HTML và CSS trong 1 giờ - part 19

tailieu.vn

<p>This text is normal sized, and this text is. <span style=”font-size: 200%”>twice that size</span>.</p>. Relative units are sized based on the size of other elements on the page and based on the dots per inch set- ting of the user’s display. <p style=”font-size: 12px”>This text is 12 pixels tall.</p>. In this case, the size of the font is 100% —the...

Tự học HTML và CSS trong 1 giờ - part 20

tailieu.vn

Float with us down the stream of time!”<br />. </p>. <address>...</address>. <b>...</b>. <big>...</big>. <blockquote>...</blockquote>. <cite>...</cite>. <code>...</code>. <dfn>...</dfn>. <em>...</em>. <i>...</i>. <kbd>...</kbd>. <pre>...</pre>. <s>...</s>. <samp>...</samp>. <small>...</small>. <strong>...</strong>. <sub>...</sub>. <sup>...</sup>. <tt>...</tt>. <u>...</u>. <var>...</var>. <span>...</span>. <nobr>...</nobr>. <p>...</p>, <h1-6>...</h1-6>. <div>...</div>. <center>...</center>. What’s the most common use of the <address>. The href tag is the same as that of the <a>

Tự học HTML và CSS trong 1 giờ - part 21

tailieu.vn

ptg As you can see, the capability to link to external style sheets provides you with a power-. Any tag can serve as a CSS selector, and the rules associated with that selector will be applied to all instances of that tag on the page. You can add a rule to the <b>. tag that sets the font weight to...

Tự học HTML và CSS trong 1 giờ - part 22

tailieu.vn

ptg As you can see, the text in the inner <div>. That’s because I’ve set both the padding and margin of the inner <div>. there’s no need to specify a unit.) The results in Figure 8.5 show what happens if I change the style sheet to this:. FIGURE 8.5 The inner <div>. As you can see, I’ve created some space...

Tự học HTML và CSS trong 1 giờ - part 23

tailieu.vn

If using float to control how elements are laid out doesn’t provide the measure of con- trol you’re looking for, you can use the CSS positioning attributes. Elements flow down the page from left to right and top to bottom, unless you use the float property to change things up. The relative scheme positions the element relative to the element...

Tự học HTML và CSS trong 1 giờ - part 24

tailieu.vn

ptg Many layouts require that elements be flush with the edge of the browser. Some browsers enabled you to do this with proprietary attributes of the <body>. tag, but they’re not reliable. As you can see, there’s one more state here than has been traditionally reflected in the <body>. Using CSS, you can change the color of a link when...

Tự học HTML và CSS trong 1 giờ - part 25

tailieu.vn

Most browsers interpret the string you include in the alt attribute as a literal string. Here’s the web page for a local haunted house that’s open every year at Halloween.. Using all the excellent advice I’ve given you in the preceding eight lessons, you should be able to create a page like this one fairly easily. Here’s the HTML code...

Tự học HTML và CSS trong 1 giờ - part 26

tailieu.vn

</p>. Figure 9.9 shows the result in a browser.. FIGURE 9.9 Line break to a clear margin.. With the capability to wrap text around an image, you also might want to add some space between the image and the text that surrounds it. When you’re creating new pages, you should use CSS. vspace controls the space above and below the...

Tự học HTML và CSS trong 1 giờ - part 27

tailieu.vn

For elements with borders, you can also set the border color using the border-color property.. <p style=“color: #fff, background-color: #000”>This paragraph has white text on a black background.</p>. You can also use these properties to adjust the colors on the whole page by applying them to the body tag. <body style=“color: #fff. background-color: #00f”>. You can also specify colors as...

Tự học HTML và CSS trong 1 giờ - part 28

tailieu.vn

In addition, many of the latest WYSIWYG editors for HTML pages and Web graphics enable you to generate imagemaps. First, make a sketch of the regions that will be active on your image. Most image-editing programs have an option that displays the coordinates of the current mouse position. These values are based on their positions from the upper-left corner of...

Tự học HTML và CSS trong 1 giờ - part 29

tailieu.vn

border Defines the width of the border around an image (with or without a link). This workshop will help you remember some of the most important points about using images and color on your pages... Q What’s the difference between a GIF image and a JPEG image? Is there any rule of thumb that defines when you should use one...

Tự học HTML và CSS trong 1 giờ - part 30

tailieu.vn

Task: Exercise 10.1: Creating a Simple Table. Figure 10.4 shows the table you’re going to re-create in this example.. FIGURE 10.4 A simple color table.. Here’s a quick hint for laying out tables: Because HTML defines tables on a row-by-row basis, sometimes it can be difficult to keep track of the columns, particularly with com- plex tables. Then, when you...

Tự học HTML và CSS trong 1 giờ - part 31

tailieu.vn

ptg percentage of the full table width). specific pixel widths is a better idea because it allows your table to be displayed regard- less of the window size.. This time, however, the table spans 100% of the screen’s width. The first column is 40% of the table width, and the remaining three columns are 20% each.. <table border=“1” width=“100%”>. <th...