A quick look at the novice simple CSS Tutorial

Source: Internet
Author: User
Keywords Web Design

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Hello, everyone. Today I give beginners a simple introduction under the CSS veteran on the Fly bar Oh, I hope you support our customers to search-www.kelaiso.cn

1. What is CSS

Cascading style sheet CSS (cascading style Sheet) It is the name of a simple language that users can use to declare how a Web browser displays a document. It is widely used in web and Html,xml update languages. In short, it is a language code, a style language.

What can 2.CSS do?

(1) It can change the format and color of the text to set the font size, link color, first letter sinking, and some other text effects.

(2) You can also set the appearance and layout of the graphic, such as setting the shape, horizontal margins, and arrangement positions.

(3) Dynamic operation is a number of interactive effects, such as setting the mouse on the link effect of some problems.

3 Rules for writing CSS

It consists of two parts: selectors and declarations. Declarations are also made up of the values of properties and properties. The general simple CSS rule is this write selector {attribute: value;} CSS writing is not too focused on the style of writing, it is to ignore the white space, so there is no relationship between the appearance of the selector {property: value;} An optional character is an element tag in HTML with a <>, for example

We can do the selector p{clore:blue; the rule selects all

Label style, the declaration is the next part of the rule declared within {} curly braces. Best practical; Easy to view, selector {attribute: value;}

4 Combined CSS Rules

P{color:bule;
P{font-size:large; P{color:bule;font-size:large can be written in this way, and the two-day declaration must have a separator between them.

5 CSS Annotations
/* Comments/Comments can be written anywhere but cannot be nested

/* Turn Blue/
P{color:bule;   p{color:/* into Blue */bule;} p{/*color:/* into Blue */bule;/*}----cannot be nested

6 Simple CSS Properties for text format

The Color property controls the text color property h1{color:lime;
Background-color property body{background:silver;}
Font property to make text size D1{font-size:large}
The Font-family property is to set the text font, the font family. Body{font-family:arial,sans-serif;

7 HTML link style sheet with <link> element can be solved, but he only appears in the <head> part
< head>
<title> to search-kelaiso.cn</title>
<link type= "Text/css" rel= "stylesheet" href= "Kelaiso.css" >
</head>

These are some simple CSS problems, write this is the hope that no contact with CSS friends can simply understand some of his basic things, but also make himself in the consolidation, write no technical content, we do not laugh, do not hit me ah. I hope you can support my site: customers to search-www.kelaiso.cn also hope to find a few friends together to build a station together development, interesting contact me: 122422361

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.