Place three div on the page, the background is pink, width 150px, height 100px, blue, solid line. Let Div1 right float
HTML file:
"Http://www.w3.org/TR/html4/loose.dtd" >
Example of css right float
div1
div2
div3
TEST1.CSS file:
. box{
CSS settings background picture needs to use the Background property, where the background-repeat set the way the picture tiles, no-repeat for the picture does not repeat tiles. A description of the background-repeat in the CSS manual is as follows:
Margin is a common attribute in CSS, margin have a variety of ellipsis, just contact the time is not easy to understand, so this article specifically recorded.
The description of the margin property in the CSS manual is:
Retrieves or sets an outer
You want all elements to conform to one style, and you can use wildcard selectors. Wildcard selectors can be applied to all HTML elements, but with the lowest precedence.
Grammar:
*{
Property Name: property value;
.......
}
Cases:
HTML file:
Contents of HTML file:
Untitled document
News one
News II
news three
News IV
news five
Content of Selector.css:
. style1{
Background-color:pink;
Font-weight:bold;
font-size:16px;
}
The effect of the following figure:
Text hiding is widely used, but the commonly used methods have no affinity. Disadvantages of common text hiding methods:
1, Display:none
This method search engine may think that the hidden text is garbage information and is ignored;
The screen
Style sheets can be external, inline, embedded, linked, for example, the following inline style will be used for all id=test labels:
border border-width border-style border-color border-top border-top-width border-top-style border-top-color
CSS is the abbreviation of cascading style sheets, Chinese translation "Cascading style form", I call it "cascading style sheet", I feel this kind of casually, no other meaning. It's actually a set of styles. You may be unfamiliar with the term CSS,
Statement
Anchor element: Position property value sets elements other than the default value static, including relative,absolute,fixed.
Platform: win/ie win/ff
Z-index
Used to determine the stacking order of the positioned elements on the
Objective
If you want to try the page layout without a table, instead, you can use CSS to format your Web page, which is often used to compose your Web page structure with Div, or you want to learn the standard design of Web pages, or your boss
Straight to the point, now there is a table:
Implement the effect of highlighting the current row background when moving to a transactional content area.
1, the establishment of a standard HTML document structure
When it comes to standard HTML
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50">
In IE, it is necessary to define transparency "opacity" through "filter", and in Mozilla it is possible to parse "opacity" directly, so if you
In the design of the website, a lot of effects are not used in Photoshop design! The Chinese website net thinks that can use JavaScript to realize in the webpage completely also can use CSS filter to be able to design easily!
Grammar: style=
The next step is to really design the layout. As with traditional methods, you first have a rough outline in your mind and then use Photoshop to draw it out. You may see Web standards on the site is mostly very simple, because the Web standards more
The main properties of this effect are: overflow. Value: hidden!
This will be achieved!
For example: Width:300px;height:150px;overflow:hidden;
Table width 300, high 150. When the content in the table exceeds this set value, it is automatically
Some of the experience that CSS code is clearer and more efficient is a matter of concern to many web-makers and developers alike. But there's probably no magic that can be guaranteed to shrink your stylesheet to a percentage, and reasonable CSS
The minimum height can be set a box of the minimum height, when its content less time, can also keep box height is certain, beyond the automatic downward extension, but so far, only opera and Mozilla support, IE7 began to support, but IE7 in the
Even in the DIV flying today, table in the layout of the page is still indispensable, because when you need to output data, table layout is far more advantageous than the div layout, and the same we can control the table style through CSS. To know
Ordered unordered single label is simple, as long as you know the use of the line, but the key point I think is not to know what the label looks like, the focus is on what kind of data to use what kind of list. What kind of data is ordered and what
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