selector { property: value; /* all browsers */ property: value \ 9;/* all IE browsers */ + property: value;/* IE7 */ _ property: value;/* IE6 */}Of course, pay attention to the sequence. Based on the priority of CSS, the preceding statements show
First, we can understand from a large perspective that the order of normal style priority ranges from high to low: (do not use important)
1. The style written in the element style attribute has the highest priority.
2. inline style attributes. CSS
1. Box Model-Concept
To understand the box model, we must understand these concepts: attribute names that are often heard in web design: content, padding, border, and border ), the CSS box model has these attributes.
We can understand this box:
HTML: (Hypertext Markup Language)
HTML can only display text and images on your computer at the beginning. Later, the author wanted to see others' texts and images in his own text, so the text was called hypertext, in addition, if you click a link
1. Do not use a small image for background tile. This is why many people do not need 1px. Images with a width of 1 px and a height of 200 PX are tiled out, which requires 200*40,000 = times to occupy resources.
2. No border. The recommended method
CSSCascading Style Sheet (Cascading Style Sheet) generally has the following three cascade methods in practice.
1. External ConnectionExternal style table,CSS CodeIt is stored separately as a file. For example, a style.css file contains all styles.
I learned something about it two years ago and almost forgot it. I recently picked up basic things at. Is it easy? Insist on sticking to it again. If you want to do one thing well, you must stick to it. Insist on reviewing every day and keeping
It is difficult to grasp this knowledge point, but the harder it is to grasp it, the better we should understand it.CodeI believe everyone can understand and digest it and turn it into something of their own. We will continue to learn more in the
1. Float is an important concept in CSS. Float involves left float, right float, and clear float.
For example, before we do not float:
Code: HTML:
Public "-// W3C // dtd xhtml 1.0 transitional //
/*
===========================================/* Behavior file bound to the style textbox ** Function:* When the user's cursor is positioned in an input box,* The input box displays the dynamic effects of different colors. ====================
A commonly used two-column layout. The external container Div defines class as iner, which contains two sub-Div groups, left and Main. The lower part is the DIV whose class is foot.
When we wanted to add a gap between the iner and foot, deletefox
Expand the knowledge attributes of css2 Under CSSBorder:
(1) css3 shadow attribute box-shadow
Box-Shadow: Shadow horizontal offset value (positive and negative values are recommended); shadow vertical offset value (positive and negative
1.
The width of the entire box model in the page is left border+Left Border+Left Filling+Content+Right Filling+Right Border+Right border, andCSSStyleWidthThe defined width is only the width of the content part.
2. CSSPriority
IDPriority
ArticleDirectory
Open link in new window
OneHtmlCan have multipleTag?
1. htmlInXmlnsAttribute
XmlnsAttributes can be defined in the document as one or more selectable namespaces. This attribute can be placed in the start
Open a window in the framework
You do not need to open a complete browser window. The more common way to use target is to direct the hyperlink content to one or more frameworks in a display. You can put the content list in one of the frameworks of
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