CSS position attribute
By using the position attribute, We can select different types of positioning in 4, which will affect the method of generating element boxes.
Meaning of the position property value:
Static
The element box is
In border, margin, and padding, when different browsers parse, the value of heigh is always different.
Border, after the W3C HTML 4.0.1 standard is used, it is not in the height, that is, Your Height = height. Otherwise, IE6, 7, and 8 contain
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".
--> blog
blog mountain hotels and stuff
homepage ArticleManagement Boyou album Leave a message about me
copyright holder: lutongbin Tel: 110119120 QQ: 168168168
Effect:
new document
tab Title 1 tab Title 2 tab Title 3
content corresponding to a tab title content corresponding to a tab title content corresponding to a tab title content corresponding to a tab title content corresponding
Recently I learned how to program web pages. After inserting a table, I found it ugly. So I made some settings.
The internal border style of the table.
Property Value
Description
All
Show all internal borders
Cols
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
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
To dynamically load the style sheet in the content, you must first set the link as a server control and dynamically bind the href of the link tag in the background to dynamically load the style sheet of the content page.
Master page:
// The href
Inline objects and block objects in CSS
When CSS is used as a page, we always think of block objects and inline objects. What exactly does it mean?Why is the block object added with float or display: block?
The default width of a block object is 100%
Abstract: designing and developing a website is sometimes tiring, because all the small things need to be taken into account, including all the adjustments and small changes that may happen at any time. Therefore, designers and developers are
Personal Understanding: CSS pseudo classes provide performance control for different States of an element.
A: Link{Color: # ff0000}/* unaccessed link */A: visited{Color: #00ff00}/* accessed link */A: hover{Color: # ff00ff}/* move the cursor over
Currently, there are two methods to achieve dynamic loading of CSS:
I. js
Reference http://blog.csdn.net/qsdnet/archive/2006/12/31/1470891.aspx
The main content is as follows:
First, it is generally used to load necessary files in external CSS files.
. CSS static filter style (filter) (only supported by ie4.0 or later)
How to Use CSS static filter styles: {filter: filtername (parameters1, parameters2 ,...)}
Filter style Brief description of supported ParametersAlpha sets the opacity of an
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
When a line of text exceeds the Div or table width, the browser will display it with a line break by default. What should we do if we don't want it to display with a line break? When you see this title, you can easily think of cutting the text and
CSS provides specific tools for some special effects, which are called "pseudo classes ". The following describes the four pseudo classes that are often used to define link styles. They are:
: Link: Visited: Hover: Active
Because we need to define
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 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