I have updated my blog in an event, mainly because my work was a little busy during this time, and I am helping a friend in my spare time, so I didn't get in touch with new things. When I got online today, an old colleague (the master I just got out
The CSS box model specifies how the element content, padding, border, and padding are processed by the element box. 1. CSS box model Overview
The inmost part of the element box is the actual content, and the content is directly surrounded by
The positioning attribute allows you to locate elements. 1. CSS positioning and floating
CSS provides some attributes for positioning and floating. With these attributes, you can create a columnar layout that overlaps one part of the layout with
The first is the CSS hack method. Height: 20px;/* For Firefox */* Height: 25px;/* For IE7 & IE6 */_ Height: 20px;/* For IE6 */ Pay attention to the sequence. This also belongs to CSS hack, but it is not as concise as above.# Example {color: #333;}
Backgroundbackground-colorbackground-attachmentbackground-imagebackground-positionbackground-position-xbackground-position-ybackground-repeat
Set the background color (such as red): Background-color: red; or background: red;
Target = "_ blank" id = "moveuser"> bind an account
It mainly specifies the size of the block.
Then, use the background-position attribute x y.
X indicates the number of truncated data from the left side. The value 0 indicates a negative number.
Solution:
① Two layers stacked together
② Use translucent PNG (recommended)
The background is transparent but the text is not transparent
Supports IE, Firefox, chrome, and opera
Supports all
Class can be used repeatedly on the page,Because the ID can only appear once on the page, it cannot be reused,So try to use the class to write, so that you can repeat the CSS you write in the page to reduce the workload andCodeQuantity.
In this
ArticleDirectory
I. Importance of Reset CSS
Ii. Font importance
Iii. Connection
4. Do not use @ import in CSS
5. Do not use CSS expressions
6. Avoid using filter
VII. Bug & hack
8. Fully Understand floating
9.
Doctype HTML public "-// W3C // dtd html 4.01 transitional // en" "http://www.w3.org/TR/html4/loose.dtd" > Html > Head > Title > Adaptive diagonal horizontal menu Title > Style Type = "Text/CSS" > . Menu { Font-family :
Tabs can be regarded as the most common component in Web pages. Various tabs play a variety of interactive roles, whether as Content Switching or as navigation. Since it is an important interaction role, both color and shape are related to the
In CSS, there are three positioning orientations for the background image:
1) Keyword: Background-position: Top right; 2) pixel: Background-position: 0px 0px; 3) percentage: Background-position: 0% 0%;
The above three statements position
I,
CSS
1,
CSS (name)
Access the style attribute of the First Matching Element.
Return Value String
Parameters
Name (string): name of the attribute to be accessed
Example:
$ ("P" ).css ("color"); // obtain the value of the Color Style
The JS/CSS file is large. When users visit the site, they need to download JS/CSS for a long time and it will feel slow. Some may even cause messy initial page opening due to CSS files.
How can we increase the speed for users to download JS/CSS?
The following is a brief introduction to one of the most important aspects of CSS! The important attribute summarizes the following two points from the author's practice:
1. It is used to solve IE's deviation from some CSS specifications.
For
CSS filters are a great way to add effects to text, images and other aspects of a webpage without having to make special graphics. filters only work on Internet Explorer 4.0 +, and only work on text if height and width are specified. some of them
In China, many front-end developers refer to the creation of XHTML + CSS pages as Div + CSS, and even many people do not know what XHTML + CSS means, I only know the blind pursuit of Div + CSS, but in foreign countries, there is no concept of Div +
Jquery's operations on css are quite convenient, so we can easily modify css through js. Traditional javascript has complicated operations on css, such
style="background:blue">css
The background syntax is as
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.