4. Web page production Dreamweaver (style sheet CSS)_html/css_WEB-ITnose

Style sheet style

You can write it in the body/head

1, headEx. ="text/css"> body (simple settings)

{

background-color:#CC0;

background-image:url (../../WeChat QR code.jpg);

background-repeat:no-repeat;

}

table

{

background-image:url(../../360 screenshot 20141116110142765.jpg);

background-repeat:repeat;

}

.

Customized name (then used in other tags, such as

)

{ background-image:url(../../WeChat QR code.jpg); background-repeat:no-repeat; background-size:contain

}

table.

Custom name (can only be used in the tag of table

Use, there is a space between table

and ".

custom name") { color:#3F0; } .

Custom name font

(automatically look for the presence after ".

Custom name" font

part of the tag and give it a style) { font:"华文彩云"; } #textfield

(Add ID

after #

to modify the style

is located) > Separately set) {   border:dotted }

2

, body

written in:

Custom name”>                                                                                                       <

text" name="textfield" id="textfield" />

                                                          🎜>

Import css

Method:

1. In the html file:

2. Then append other css: @import url("xxx.css"),

Selector priority:

ID>class> tag

Link style

: a:link The state before the hyperlink is clicked

a:visited The state after the hyperlink is clicked

a:hover When the hyperlink is hovered over

a:active When the hyperlink is clicked

When defining these states, there is an order l v h a

css filter