A brief introduction to the basics of CSS layout

Source: Internet
Author: User
Tags basics design help help you information list set text

Just contact the design work friends have to use CSS, this article simply introduced some of the use of CSS often used in the use of some of the attributes of information, I hope to help you.

The CSS properties you can set include: Font properties, Text properties, color and background properties, border properties, container properties (margin properties, padding properties), category properties, Mouse properties.

Ii. Basic Attributes

Font properties: font-family font-style font-variant font-weight Font

Text properties: word-spacing letter-spacing text-decoration vertical-align text-transform

Text-align text-indent Line-height

Color Background properties: Color background (background-color background-image background-repeat

Background-attachment background-position)

Border properties: Border (border-top border-right border-bottom border-left) (border-width

Border-style Border-color)

Container properties: Margin padding width height float clear

Category attributes: Display white-space list-style-type list-style-image list-style-position

List-style

Mouse Properties: Auto crosshair default hand move e-resize ne-resize nw-resize n-resize

Sw-resize s-resize w-resize text Wait Help

Third, CSS layout

The CSS box model's understanding is very helpful for CSS layouts, and each element has an element box. HTML layout usually uses Div, divides the page into many squares, each square and the entire whole can each use a div to accommodate, then uses the CSS to carry on the layout to each div. Common layout properties include: Margin padding float clear top right buttom left z-index position.

Related Article

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.