Common CSS attributes and values, common CSS attributes

Source: Internet
Author: User

Common CSS attributes and values, common CSS attributes

Download a high-definition image: Common css attributes and values (Mind Map summary)

1. Font


Running result:


2. Text

<Html> 

Running result:


3. Background

As the blogger is lazy in looking for background materials, after running the program, it will be ugly, but there will be no errors. You can focus on the effect of the Code.


Running result:


This is a bit messy, but it is fast to find results based on the code. It is easy to understand the meaning of each code sentence. The url is the path you just add. You don't have to worry about it.

4. Border (PS: add a few lines of code about the mouse pointer)

<Html> 

Running result:


When you move the mouse over the three borders, the mouse pointer changes accordingly: Move, wait, and little hands. For more information, see the code in the <style> label.

5. List

Running result:


The two lists are an unordered list and an ordered list respectively.

However, in future development, we will not use the default images. They are all images before the custom list. Style = "list-style-type: none. This Code sets the style of the symbol before the list to null, and then we can add the desired image on our own.



Li Shuo

CSDN blog address: http://blog.csdn.net/wzqnls


Common CSS attributes

I. html tags
<Pre>... </pre> text format
<Div>... </div> column block container
Font size variation <font size =?> Words to enter </font>
Font color <font color = "..."> words you want to enter </font>
Font width <B> words to be entered </B>
Font skew <I> words you want to enter </I>
Underline the font <u> the words you want to enter </u>
<P align = "center"> content </p>
<P align = "left"> content </p>
<P align = "right"> content </p>
Font strikethrough <s> words </s>
Font Settings <font face = "font name"> words you want to enter </font>
Typewriter font <tt> words you want to enter </tt>
Superscript <sup> words you want to enter </sup>
Subscripts <sub> words to be input </sub>
Horizontal line Text to be entered in line feed <br> words to be entered
Hyperlink <a href = "link URL"> name of The Link location </a>
<A href = "mailto: enter email"> enter the words to be displayed here </a> web mail tag
Texture
Marquee (loop) <marquee behavior = scroll> words you want to enter </marquee>
External File Import format label
CSS external import format:
<Link rel = "stylesheet" type = "text/css" href = "/css.css"/>
Direct reference:
<Style type = "text/css">
<! --
Id {...}
-->
</Style>
Javascript-Load External. js independent files:
<Script type = "text/javascript" src = "/script. js"> </script>
Ii. CSS text attributes:
Color: #999999;/* text color */
Font-family:, sans-serif;/* text font */
Font-size: 9pt;/* text size */
Font-style: itelic;/* italic text * & #47 ...... remaining full text>

What are some common attributes of CSS in html?

Below are common texts:
Text-align)
Text-decoration is mostly used for a link.
Text-indent)
Line-height)
Color attributes)
Font)

Others:
Display
Position
Float
Background
......

Basically, you need to master it.

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.