When writing CSSCodeTo improve the CSS rendering speed.
How does a browser render and load pages?
Why is loading slow when some websites are opened, and the whole page is displayed at the same time, while some websites are gradually displayed
CSS controls the Mouse shape On a webpage, the mouse is usually in the arrow shape. When pointing to a link, it becomes a hand shape, and when the webpage is downloaded, it becomes an hourglass shape ...... This seems to be a convention. Although
Double margin: this bug occurs in IE6 and earlier versions. When an element is floating, double margin is displayed, plus display: inline, which can be fixed.
3 pixel text movement: when the text is adjacent to the floating element, a height must
Concerning the final style, there are differences between IE and Dom in their respective implementations.
1. The final style in IE, the Code is as follows:
accessing style sheets example the alert displays nothing because the
Author: Blue flying Date:
1. Check whether the HTML element has a spelling error and whether it has forgotten the ending mark.
Even veteran engineers often mistake the DIV nesting relationship. You can use the Dreamweaver verification function to
In a recent project, the main CSS file actually reached 9800 lines, and I was shocked.
So I wrote a PHP code that combines the same CSS.
After merging, there are a few small issues. I have a hard time looking for any issues. Just change the CSS to
When we create a webpage, we sometimes want an element to define its width and height like a block, and to continue to work like a normal inline. For example, the red lines marked in the following figure:
We usually use this code to achieve this
I. In the preliminary HTML development stage, the content structure of the entire webpage must be analyzed first: that is, the webpage content should be classified in general, such as nav content foot, each type must have a special Div
Ii. Common
1. hexadecimal color value pairs of digits and case
When writing hexadecimal color values, you may use lower-case letters or omit them into three digits. No data is found to prove whether this method affects the rendering efficiency of the browser,
1. The tag has a padding value by default in Mozilla, and only margin has a value in IE.2. the same class selector can be repeated in a document, but the ID selector can only appear once. CSS is used for defining a label with both Class and ID. if
1. Use images and flash for navigation menus
Navigation menus use images and flash, of course, look better than plain text, but search engines do not know your images and flash. If you want to use beautiful images for navigation, you can use the
Using Div + CSS architecture has many advantages, but there are also some problems. The biggest headache for web designers is the compatibility between Div + CSS and browsers. You may be used to IE6, I didn't feel much exception when I put the same
I always wanted to write an article in the CSS + Div series, but I always wanted to find a proper time and sort it out. I want to write another series, but now I don't think we should push anything. Some things can be done on the same day, but you
Table and form are two important elements in a webpage. This time we will talk about how to set the table and form style in CSS. Let's take a look at how CSS controls the table.
First, mark in the Table: Let's take a look at the Code:
annual
This section describes how to create a menu used in a Web page, including a project list, a menu that does not need a table, the horizontal and vertical configuration of menus, and popular tab menus.
First, let's look at the project list: the symbol
In addition to text, images, tables, and forms, there are many elements in pages and browsers. We will introduce these elements one by one; this time we will introduce rich hyperlink effects, mouse effects, and page scroll bars.
In the rich special
Let's talk about the use of filters this time. Let's first look at the overview of filters:
CSS filters are not plug-ins of the browser, nor do they comply with CSS standards. Second, they are a collection of tired functions developed by Microsoft
How to achieve the rounded corner effect through the background:
CSS rounded corner effect corner box without images & nbsp;
Demo address: http://www.aspor.cn/upfile/css-table-1.html
Implement the border circle Effect
CSS
I was deeply impressed by the effects of floating in my video. Now I am more and more fond of B/S and more willing to learn, especially when looking at the web page, I am very familiar with the code. I just want to share it with you through my
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