In Web page production, there are many terms, such as CSS, HTML, DHTML, XHTML, and so on. In the following article we will use some basic knowledge about HTML, and before you learn this introductory tutorial, make sure you have a certain HTML base.
I always feel that the CSS background image positioning Some specious, this problem has plagued me for a long time, today finally understand, must be written down to prevent forgetting.
In CSS, the background image is positioned in 3 different
The tab CSS contains the following classes, from the outside, in turn:
(1). Ajax__tab_header:a container element that wraps all of the tabs in the top of the Tabcontainer.
(2). Ajax__tab_outer:an outer element of a tab,often used to set the
These days I use DIV+CSS to carry on the Page Three column layout when suddenly thought of such a method, this idea oneself all feel a bit crazy, if there is anything wrong place or please a lot of advice.
When you need to write a three-column
Two tips for writing CSS code
Declare CSS within a single line
Let's compare the following two pieces of code:
h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}h2 {font-size:18px;border:1px solid
When we make a form, the input, textarea, button styles are easier to define, and the select and input file styles are difficult to define.
The appearance of input file under system defaults:
We change the default appearance of the system by
Difference IE6 with FF:
Background:orange;*background:blue;
Distinction between IE6 and IE7:
Background:green!important;background:blue;
Difference IE7 with FF:
Background:orange; *background:green;
Difference ff,ie7,ie6:
Sometimes, we use CSS to create a highly adaptive layout, how to ensure that the footer (footer) in the context of not more than one screen is always at the bottom of the layout is a relatively headache. I've seen some examples of using absolute
First of all, a simple box mode, the so-called box mode, is the way CSS view elements, CSS will each single element as a box, as shown in the following figure:
It is called box mode because it is very similar to the box in our daily life, here is
list-style-type (指定类型) list-style-image (指定图片) list-style-position (指定位置) list-style (综合设置) marker-offset (不支持)
Use List-style can be set individually or synthetically: type, picture, position, no order;
If both the picture and the type
CSS in the!important is a very important attribute, and sometimes play a very large role, this knowledge is not very much, we look at the following article, the understanding of its comparative perception.
A few days ago, when I wrote some CSS code,
Usually we read the title of the article, encountered too many characters, are through the program on the server to intercept a certain number of characters, and then add ... To achieve the title length intercept. In fact, we can also use CSS to
A lot of friends when using Dreamweaver8 will encounter the situation: to the current edited document linked to the CSS file, and the page element to apply the definition of CSS style, but in the DW8 can not see any effect. The following figure.
In Div+css layout, this is generally the case for the overall structure of the
and for the header section, certainly to display the site title, in addition to displaying the site title, you may want to show other important objects, such as the
We will then create an XHTML page that contains two content areas of two div with ID fixedbox and Flowbox, two div with fixed width and fixed width, and now we'll add rounded corners to the two div.
The theory we use is that when you add a
The reading progress bar can be achieved without JavaScript
Look at the picture and talk
Directly on the code
scroll indicator i was Interested to see if I could make a scroll indicator with just css. you can! But maybe you shouldn ' t.
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.