Recently studied the use of Sprite chart, sprite Chart of the benefits of this piece is not much to say, only say the application part.
The use of Sprite is dependent on the Background-position property, the value of the value of the x, Y axis,
Some of the optimizations that are commonly used:
1. Encourage front-end development engineers to make structural semantics when writing XHTML (the benefits of tag semantics: 1. Good for search engines; 2. Clear structure facilitates teamwork; 3.
How does jQuery change the css pseudo element style and jquerycss pseudo style?
First, let's take a look at what the pseudo elements of css are:
CSS pseudo elements are used to set special effects for certain selectors.
What are pseudo elements:
:
Sprite application, Sprite
Recently I learned how to use Sprite. I will not talk about the advantages of Sprite, but only about the application.
Sprite uses the background-position attribute. The attribute values are x and Y axes respectively. The
HTML + CSS basics and htmlcss Basics
In CSS, tag elements in html are divided into three different types:Block Elements,Inline element (also called intra-Row Element)AndInline Block Element.
Common block elements include:
, , ... , , , , , , ,
Highly adaptive and adaptive Elements
In the web page layout, sometimes the height needs to be adjusted based on the content, so it cannot be fixed. Today, we will say that the minimum height is adaptive.
Attribute: min-height. However, IE6 does
Sub-data Han number · DW-site structure, dw SITE STRUCTURE
1. Open Dreamweave and you can see the website we have prepared on the right.
2. Right-click the site and create a file. We will first create a homepage. (Generally named "index ")
3.
[HTML5] Mark text,
1. Mark content with basic text elements
First look at the display effect:
Corresponding HTML code:
Learn4Font element B -- I am the example. element em -- I am the example. element I -- I am the example.
[HTML] embedded image, Embedded Image
The img element allows us to embed images in HTML documents.
To embed an image, use the src and alt attributes. The Code is as follows:
Display Effect:
1. Embed images in hyperlinks
A common use of img
Css float, css floatStandard Document Stream
The form is divided into rows from top to bottom, and the elements are discharged from left to right in each row, that is, the document stream. each non-floating block-level element occupies only one row,
Determine the width and height of a box in different modes and determine the box mode
Once encountered such a problem, set a div. When we set padding for the div, we found that the width and height of the entire div have changed. Here we have a
Learning CSS3 animations and css3animation
CSS3 provides many advanced functions, such as 3D effects, animations, and multiple columns. Today I wrote an article to record how to use CSS3 to write an animation.
It is ugly to say that IE9 and earlier
The gap between the img and the parent element is solved, and the gap between the img element is solved.
Recently, when I was working on the H5 page, I suddenly found a problem. I used a div to wrap an img. During mobile phone preview, I found a gap
Introduction to CSS hack (browser compatibility) and csshack
Today, I want to write a little bit about browser compatibility. Although there are already many solutions on Baidu, I still want to write them!
First look at a chart
This figure describes
Point in input and show the remaining words when the mouse moves up.
This problem is often encountered in projects. In a content box, because the width of the box is fixed, but there are many content in it, the first requirement is required at this
Custom input [type = "radio"] style, inputradio
For forms, the input [type = "radio"] style is always unfriendly and may vary in different browsers.
To maximize their differences, and to look good, we first define some styles:
Html: female
Some interesting CSS questions (5) -- center a single row, center two rows to the left, omit more than two rows, and css two rows
In this series, we will discuss some interesting CSS questions. Aside from practicality, some questions will be
2016.9.25 learn the details, 6.9.25.
Normally, using bootstrap is faster than writing a responsive layout with native code.
Add the previous article "Practical Application of bootstrap":
Bootstrap lang: many people in the class forgot to change the
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