After modifying the corresponding text and image, we will output the PSD file (x) HTML file.
First, slice the PSD file. There are two methods:
① Use the "slicing tool" on the toolbar ",
Then draw a block of area on the image.
② Use the
For the style of the custom browser scroll bar, if the website does not consider non-WebKit kernel browsers, you can try to implement it with only CSS.
You can simply modify several items to see the effect:
:-WebKit-scrollbar {width: 12px; Height:
High-quality CSS
Weird mode and DTD
I don't know if you can use the developer tools when using IE8/9/10, but you don't see the following options:
Among them, quirks is a weird mode. The so-called weird mode is a mode generated to
Original English:Http://www.smashingmagazine.com/2008/08/18/Original article:Http://blog.bingo929.com/7-principles-optimized-css.html
As a web designer (front-end engineer), you may still remember the suggested webpage size: the size of a web page
CSS compatibility between ie6.0, ie7.0, and Firefox 1. The impact of doctype on CSS Processing
2. FF: When Div sets margin-left and margin-Right to auto, it is already centered, and IE does not work.
3. FF: when setting text-align for the body, set
From: http://blog.3gcomet.com/article.asp? Id = 43
Differences between frame, IFRAME, and frameset Author: comet Date: font size: Small Medium large
For details about the tag classification of [HTML Analysis] in this article, refer to [tag
Strong CSS Html
Code :
test table CSS table test table test table test table test test the table test the table table test table test table test table test table test table test test
Attribute
Description
Remarks
Height
Retrieve or set the object height
Actual object Height = margin + border + padding + height
Max-height
Retrieves or sets the maximum height of an object.
I wrote about Div + CSS layout for webpages in the previous section.
ArticleAt that time, it may be too simple to write. Some friends yelled at me.
Today, I will discuss in detail about Div + CSS and how to use Div + CSS to layout pages:
When
During development, we often encounter some CSS display in IE, but it is not what we want to display in Firefox, or it is normal in Firefox, but it is not what we want in IE. Because different browsers have different support and resolution for CSS,
This article is similar to the previous article CSS dual flying wing layout. They can be said to be the same in the HTML structure. Style is mainly manifestedFloating + negative margin + Positioning.
In css dual-flying wing layout, in order to
[Post] No Div, no float, no clear, no hack, strong CSS layout
Original post address: http://parandroid.com/no-float-css-layout/
How great is CSS + XHTML? Needless to say. However, this seemingly simple development
Recently, I found some methods for implementing vertical center in CSS on the Internet. There are many methods. I can see several good methods here to illustrate that it is not easy to implement vertical center using CSS. Some methods are invalid in
Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
Html
Xmlns
= "Http://www.w3.org/1999/xhtml"
>
Head
>
Title
>
No title page
Title
Difference between different browsers, CSS hack writing:
Difference between IE6 and FF:
Background: orange; * Background: blue;
Difference between IE6 and IE7:
Background: Green! Important; Background: blue;
Difference between IE7
Many css3 have added many attributes, and it is not as convenient as it was before during reading and writing. For example, Left: 100px "> If you only consider the line style, you only need Div. style. Left to obtain it. You only need Div. style.
Internet Explorer is replaced by IE and mozzila Firefox is replaced by MF.
1. doctype affects CSS Processing
2. FF: When Div sets margin-left and margin-Right to auto, it is already centered, and IE does not work.
3. FF: when setting
From:Http://hi.baidu.com/liuyang1984/blog/item/28bba545456dee3a869473c7.html
Website layout
UseCSSThere are many different technologies that need to be understood for page layout. Designers also need to have a great deal of creative
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.