Visiblity is used to set the visibility of an element, that is, visibility/hiding. After hiding, the element occupies a position and is retained;
Display is used to set how elements are displayed. It is displayed as a line by block and "disappears".
Font attributes
There are many font attributes, such as the font family, style, deformation, bold and size. in the previous sections, we introduced the font attributes that can simultaneously represent the attributes of several
Color and image attributes
ColorFunction: sets the color of the foreground or element.Value: use the color keyword or RGB value.Background-colorFunction: sets the background color of a page or page element.Value:Color-available
Locate attributes
Absolute PositioningH4 {position: absolute; left: 100px; top: 43px}This CSS rule allows the browser to precisely set the starting position of to 100 pixels on the left of the browser and 43 pixels on the top
CATEGORY attribute
DisplaySyntax: Display: Allowed value: block | inline | list-item | noneInitial Value: BlockApplicable to: all objectsBackward compatible: NoThe display attribute allows one of the four values to define an element:
After reading this, we will make the following summary. In Div, most of the affiliated attributes such as the extended border-bottom attribute of border will be retained in Javascript, And the hyphen "-" will be retained and followedBOttom (pay
form enter your name: select your favorite color: Red green blue yellow green purple your gender is as follows: male female what do you like: reading surfing the Internet sleeping I want to leave a message:
Relative Length unit: relative length units
EmDescription: Unit of relative length. The font size relative to the text in the current object.If the font size of the text in the current row is not set manually, the default font size is relative to
① Color
The hexadecimal color value. If the two values are the same, they can be abbreviated to half. For example:
#000000 can be abbreviated as #000; #336699 can be abbreviated as #369;
② Box sizeThere are usually four writing methods:
Property:
If you want to implement it, when you move the mouse over the DIV layer and change its background color, I have tried many methods. This method is only feasible. Other Methods on Baidu seem to have problems. Let's talk about it now.
color on top
two attributes of CSS: border-collapse (small table) empty-cells (empty columns are displayed, but the results are not displayed) Text-transform (case sensitive) table. coll/* applies only when the class attribute is Coll */{ border-collapse:
Basic CSS syntax:
CSS styles are mainly composed of three parts:
. Selector
. Attribute name
. Attribute Value example:
basic CSS syntax
H2 title text
H5 title text
first paragraph
second paragraph
the third paragraph
fourth
CSS drop-down menu demonstration
product introduction
product 1
product 1
product 1
product 1
product 1
product 1
service Introduction
Service 2
Service 2
Service 2
Service 2 Service 2
Original article address:Ten days to learn about the layout of standard web Div CSS on the second day
Author:Html
Today, we begin to learn the layout of a column in "ten days to learn web standards (div CSS)", which includes the following
An accidental good article, record it.
The Clearfix hack is a popular way to floin floats without resorting to using presentational markup. This article presents an update to the Clearfix method that further has CES The amount of CSS
CSS naming rules
Header: Header
Content: content/containe
End: footer
Navigation: nav
Sidebar: sidebar
Column: Column
Overall Layout width of the page peripheral control: wrapper
Left right center
Logon entry: loginbar
Logo: logo
Advertisement:
The main menu of many applications has this effect, which is usually dark. Once you move the mouse over the menu, it becomes brighter immediately. When the mouse is not on the menu, it is flat, once you move the mouse over the menu, the menu bar is
Example:
Procedure:
1. Select anothereon001 skin
2. Copy the following to the custom CSS style
Body { Background: # a6b510 URL (http://hi.csdn.net/attachment/200910/27/2190_12566350969gCY.jpg) Repeat-y fixed center top; font-size: 85%;
Author: Spinach blog Source: Tianji net responsibility Editor: Sheng Xiaoying
The dark-colored website design is more and more widely used. Such a design style can often better highlight and emphasize the performance of content. Especially for some
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