We know that in the HTML, you not only to make good-looking pages, but also to consider the optimization of the page, then today to bring you how to optimize the HTML page ideas, I summed up 5 points, together to see
Change table to Div layout
As
CSS provides a style description for the HTML markup language that defines how elements are displayed. CSS is a breakthrough in the field of web design. It enables you to modify all the page elements associated with a small style update. CSS has
We know CSS3 although so far has not formally become the standard, but ie9+, Chrome, Firefox and other modern browsers all support CSS3, it provides a lot of previously with JS and transduction to complete the function, the following will give you a
In our production page, we must pay attention to a few points, in order to make their own web page beautiful and smooth, then if the CSS page dislocation how to deal with it? Next, we will bring the page dislocation of the treatment and prevention
Speaking of the current company projects, I believe that many companies are mess, not only because JS no framework, CSS is not a framework, which led to the project if the need is to upgrade or need to maintain the time of special
Today, let's talk about the use of Transform animation properties and how to use them, what do you need to pay attention to when using animated properties? Let's give you a little example below.
Transform Animation properties
The Transform property
Today we will tell you about the use of the property selector and pseudo-class selector and related links and differences, let's give you a small example.
Property selector:
[attr~= "value"] word word space word Word must value valid
[attr|= "value"
Sometimes need to use mouseover and mouseout these two mouse events, but write JS and more trouble, but also to add monitoring events, so can use CSS to solve things as far as possible yongcss solve, this can improve performance, the following said
We know that in the CSS3 Box-shadow is a box shadow style word, then we will see today Box-shadow how to use, the following to bring a small case column
Box Shadow Style Word: Box-shadow
Grammar
div{box-shadow:0 0 1px #000 inset;}
Represents the
CSS is our front-end development programmer indispensable language, can very well grasp the CSS can greatly improve the front-end development work, this article mainly introduces the CSS classic three-column layout scheme, share to
Many friends do not know how to set the cursor property of CSS, today we will introduce you to the cursor property, as well as his syntax and a small, to help you understand the cursor property.
We are in the div CSS layout, we will encounter the
CSS3 production dynamic left and right switch, dynamic switch button is a very cool CSS3 switch button, click the button can swipe left and right, just like the switch to open the effect of closure, through this article to introduce the pure CSS3
Today we summarize 15 of the most commonly used units in CSS, in order to help you understand, listed below.
1.PX: Absolute unit, the page is displayed by exact pixel
2.em: Relative units, the reference point is the size of the parent node font,
We know that with the help of the powerful special effects feature of CSS3, the blending mode can make the picture have a stunning effect, and the blending mode refers to the various modes used to incorporate the upper image into the underlying
We know that in the CSS3 appeared: Before ",": After "pseudo-class, then today to teach everyone CSS3 content property implementation steps, the following is the case, look at it together.
": Before", ": After" pseudo-class appeared in CSS3,
You
We know that there is a very important attribute in CSS3, the Bachground-size attribute, which is defined as the size of the background image, with a value of 5, auto, pixel value, percent, cover, contain. Today we will teach you how to use the
The layout of the CSS is simple and simple, said complex is complex, we give you a few columns, for everyone to explain in detail the absolute positioning of the layout and relative positioning layout and page layout.
Encountering the above
CSS bold text In total there are two ways, one is to use HTML bold tag, one is to use CSS bold, today we introduce two different methods of bold, and the difference between the two methods
CSS Bold style word for
Font-weight
Use
The first is the introduction of HTML, Html,hypertext Markup Language, Hypertext Markup Language. HTML is a specification, a standard, a standard for writing web pages. Callout: Is a mark, is a sign. Such as: traffic lights, language: Here the
CSS tips (occasionally updated) and css tips are updated on a regular basis
1. ellipsis in Web text
It is common in Web development. That is, the text is too long, and the container of the text is not long enough, and we do not want to wrap the text,
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.