Today, I found a problem when testing the compatibility of magento templates-Google Chrome does not support fonts smaller than 12px ?! In fact, this problem was found during browser compatibility testing in the first few projects. I didn't care too
It is generally used in the following situations:
Test001.jsp
title 001
When two styles are used, separate them with spaces.
Test002.jsp
title 001
-----------------------------------------------------------------
Good naming rules can contribute to the Cooperative Development of teams, and play a crucial role in both project development and product maintenance. It should be said that naming conventions are a convention and a bridge of good communication
The ideal goal of this navigation menu is:
1. Beautiful and personalized.
2. Clear structure, clear semantics, and no redundant labels.
3. The presentation, structure, and behavior are separated by three layers without intrusion.
4. It is conducive
Cascading is a key concept of Cascading Style Sheets. it is important to name CSS as follows. it defines how to combine rules. some are provided by web developers, while others are provided by browsers. when the two are combined, the attribute
1. Simple selection operatorType Selector Based on HTML tags and class or ID Selector Based on HTML attributesExample:A: select the type of the HTML Tag (Save the name of the <> HTML Tag)P {...}, body {...}, input {...}
B: class or ID Selector Based
When layout the page Div + CSS, you may encounter IE6 (sometimes in Firefox) the problem of unnecessary blank space under the IMG Image Element in the browser is definitely a common solution to this problem ".
1. convert an image into a block-level
Common CSS layout methods:
Float: None | left | right
Valid value:None: default value. Objects are not floatLeft: Right of the text flow objectRight: Left side of the text flow object
How does it work? Let's look at an example of one row and two
What is CSS hack in browser compatibility and layout design?Different browsers, such as Internet Explorer 6, Internet Explorer 7, and Mozilla Firefox, have different understandings of CSS parsing, which leads to different page effects, we cannot get
Use XHTML and CSS to implement the layout of two or three columns of pages. So far, all examples use streaming layout (that is, the layout will automatically expand and adapt to the width of the browser window ). Now it is time to consider another
-- From "getting started with CSS (version 3rd)" by LAN Pouncey and Richard York[Style list] · the list-style-type attribute changes the style of the Project symbol before each list item.
Attribute
Value
List-style-type
Disc |
CSS Li removes vertices in style writing, which is actually implemented using the CSS list-sytle style.
Li {list-style: URL ("pre.gif") outside circle ;}Li {color: # f00 ;}Some syntax and parameters for this list-style-type:Syntax: List-style-type:
/* Copyright (c) 2009, shawphy (shawphy.com ). all rights reserved. http://shawphy.com/2009/03/my-own-reset-css.htmlBased on Yui http://developer.yahoo.com/yui/reset/ and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html licensed under
Demo.html
This is an example of CSS experience
My.css
. Style {/* width */width: 400px;/* must have a semicolon */height: 300px; Background-color: Silver; Border: 1px solid red; margin-left: 400px; margin-top: 250px; padding-top: 20px;
Copyright statement: original works can be reproduced. During reprinting, you must mark the original publication, author information, and this statement in hyperlink form. Otherwise, legal liability will be held. Http://blog.csdn.net/mayongzhan-Ma
1. CSS simplified font rules
When CSS is used to define the font, you may do the following:
Font-size: 1em;
Line-Height: 1.5em;
Font-weight: bold;
Font-style: italic;
Font-variant: Small-caps;
Font-family: verdana, Serif;
In fact, you can
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