Home  >  Article  >  Web Front-end  >  4. Web page production Dreamweaver (style sheet CSS)_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:52:151559browse

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn