Quick query tableIt is an effective tool to help you remember things. The shortcut keys that web designers and developers often use can greatly improve their efficiency on the Internet.
In fact,Quick query tableIs to help us gather the most
Automatic line feed is a reasonable line feed for normal characters. Continuous numbers and English characters often increase the container size, which is a headache.
Article Now, let's summarize how CSS implements line feed. As long as the
Do you know the ultimate CSS compatibility solution for IE7 IE8 officially recommended by Microsoft? I 'd like to share with you here, all web page makers want their own web pages to be perfectly compatible with all mainstream browsers, including IE6
Image Viewer built with CSS + JS
This is a simple image Viewer built with CSS + Js. You can click a thumbnail to view the large image. The description of each image is displayed. The position of the large image is fixed width and height, and the
CSS browsers are incompatible. Tianyao feixian fell down on other websites and read it again. It's really a thing. If you say it's pretty good, you can turn it around and take notes for yourself. As the saying goes, it's better to have a good memory
This article describes some basic HTML, CSS, and JavaScript debugging skills.
I hope this will help beginners gain some benefits and reduce their detours.
I personally recommend chrome as a development tool (FF can use firebug, and IE8 and later
If the table is not complex, it only contains several rows and columns, or uses DL. dt. dd. If complex data is displayed, such as registering the personal information list, we recommend that you use table.
Table data list:
Data list of
CSS attribute comparison tables in JavaScript are essential for beginners of JavaScript.
Comparison between box labels and attributes
CSS syntax (Case Insensitive)
Javascript syntax (case sensitive)
CSS layout, fixed on the right, adaptive width on the left
Div
Style
=
"Width: 90%; margin: 0 auto; overflow: auto; _ display: inline-block ;"
>
Div
Style
=
"Width: 200px; float: Right; Background: #090"
> This is the
Fine text layout:
Adjust the Character Spacing: letter-Spacing: normal | length
Adjust the word Spacing: Word-Spacing: normal | length
Add text modifier: Text-Decoration: underline | overline | Line-through | blink | none
Set text arrangement: Text-
I. Some unconventional opening remarks
If two years ago, the saying "compatibility gradient effect" was not proposed, at that time, when talking about the gradient background, most of the ideas were the IE gradient filter, other browsers are not
Fieldset
Style
= "Border: none; border-top: 1px solid blue"
>
Legend
Align
= "Center"
>
Fieldset split line
Legend
>
Fieldset
>
This fieldset method is weird because it cannot be written to the style
Body {Font-size: 0.8em;Color: Navy;}The above indicates setting the font-size font size and color font color for the body selector.
So basically, when it works with an HTML page, the text color between the body tag (content in the entire window) is
1. When you move the mouse up, there is a small box for saving and printing the favorite window. Can you limit it?
Add in Head
2. Use the new property galleryimg on the Image
3. Div implements the scroll bar (in some cases, IFRAME can be replaced)
Use CSS style 3
The third is based on the relevant CSS style principles. The selector and cascade are so good that we know the early versions from CSS. It adds new features, including new selectors, pseudo classes, and attribute loads. Using these
In the previous article, I pulled the HTML stuff and now I want to read CSS,
1. completely separated HTML and CSS
Avoid using the style attribute on the label at any time; move the content in the label to an external CSS file;
2. Select
Before learning CSS, I always felt like it was a matter of design personnel. This idea went backwards with time and found that it was not the case at all. No, I quickly found this proficient CSS and looked at it, I also learned a lot.
I have
Copy codeThe Code is as follows:
homepage
homepage
contribution
contribution
private message
private message
archive
archive
subscription
subscription
If I limit the characters in the span above.$ (
Next, record the method used by JS to control CSS.
1. Use javascript to change the attributes of a css class...
You want to change the display attribute from none to inline.Solution: in IE:
Document. styleSheets [0]. rules [0]. style. display =
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.