[General selector]
There is another method that must be mentioned for the general selector to ensure that the page is compatible with multiple browsers,So to reset all the tags in the HTML, the followingCodeAdd to the top of the CSS file
*
When you log on to the csdn homepage, you will find a small window in the lower-right corner, which contains some simple tips. No matter how you move the scroll bar, it is always in the lower-left corner. It is very convenient to use as a prompt or
In web page display, sometimes some CSS attributes need to be dynamically changed. You can only change individual attributes in CSS, such as character sets, or change the full set of CSS attributes. There are already many similar themes.
For example, a div contains two spans. If the span is floating, you will find that the background color of the DIV is invalid!
The reason is that the DIV will automatically expand like the traditional table by default, but it does not have this
CSS layout skills
View: 5924
1. check immediately if you have any questionsIf the originalCodeSimple detection can save a lot of headaches. W3C for XHTML and CSS are available
With the emergence of xml (extensible Markup Language), structured documents and data have a common and adaptive format, which can be applied not only on the web, but also anywhere. The standard is called possible.
XHTML is The abbreviation of The
This is a confusing concept. After careful analysis, these values are used to locate the elements. The following describes them one by one. This article only describes the equivalence of width and left, which corresponds to height and top. This
Background
This document describes the page width. The page width is similar to the page height, but there are slight differences. These differences may be important differences in some applications. The page height is the same as that of the page.
The disabled Input Method attribute ime-mode is the latest attribute added in CSS3. More accurately, it is the newly added attribute of CSS Basic User Interface Module Level 3 (CSS3 UI) specification. However, ie supports this attribute from IE5 and
Basic style and usage:
Css unit:
1. attribute values of element positioning:
Position: A relatively basic attribute.
Usage: XML element name {position: [absolute | relative | static]}
Absolute: defines a brand new container in a piece of text.
I. Problems with vertical center attributes
Vertical-align is defined vertically in CSS, but can only be used as inline elements.
Ii. Problems with defining vertical center Using Boundary Properties
Using margin: auto 0; the content in the fast
Brief description:
Display: block inline elements define height and width (converted to block elements)
Float: The left block element is located in the same row.
The Firefox area is floating, and float: left is added to the 2nd block elements.
IE6
What is highly adaptive?
Highly adaptive means that the height can change with the size of the browser window. The height of a typical application is fixed in the top column of some background interfaces and used as the menu bar or navigation bar,
It's okay recently. I have made some custom CSS work, and I feel like I still can do it. The Code is as follows:
/* Customize CSS */
# Top {
Height: 80px;
Overflow: hidden;
Background: url
CSS background example:
Set background color
This example shows how to set the background color for the element.
Set text background color
In this example, how does one set the background color of some texts.
Set
The following uses the div tag element as an example.
How to center a DIV, vertical center a div, and horizontal center a div. The main style definition is as follows:Body {TEXT-ALIGN: center ;}# Center {MARGIN-RIGHT: auto; MARGIN-LEFT: auto
1: HTML IntroductionHTML refers to Hyper Text Markup Language. It is not a programming Language, but
Markup Language-- Describe web pages by Tag. Here is a simple example:
1 2 3 webpage information 4 5 6 7 Heading 8 paragraph. 9 10
In
Common text truncation (applicable to inline and block ):Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->. Text-overflow {
Display: block;/* Add inline objects */
Width: 31em;/* specify the
Document directory
I. Text
Ii. Summary
I. Text
Before layout, you usually need reset CSS. The younger brother prefers kissy reset and uses it here. The code is not included. You can download it yourself to see it.1. High layout with three
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