Compatibility issues with Inline-block
Compatibility:
IE6, IE7 do not recognize Inline-block but can trigger block elements.
Other mainstream browsers support Inline-block.
Ways to resolve IE6, IE7 compatibility:
1, the first set Inline-block
Margin I rarely use, generally used to also only relative to adjust the position of a layer to achieve a certain effect. Because you've been working on a topic that you've been using recently, you've researched how to implement various layouts. It
CSS can refer to the following definition, note order:
The code is as follows
Copy Code
#menu {line-height:23px;} * * Firefox browser to implement this definition#menu {line-height:26px9;} /*ie6,ie7,ie8 This sentence
Create HTMLhomeabout mesub nav linksub nav linkportfoliosub nav linksub nav linksub nav linksub nav linksub nav linkblogsub nav linksub nav linksub nav linkcontact merss
Step2. Create a CSS Tutorial
Div.examples_body_wrap {width:750px;margin:50px
Two kinds of open links in a new window, the following two code can just add in one place can control the current page the entire page opens a new window, and do not each a tag to increase the Target=_blank function Oh.
$ (document). Ready
Drop-down and pop-up menu is a common form of web site design, this menu form can make full use of the page now hide and display more content, and can be a reasonable classification of content display, is a very good form of navigation.
Early
For a long time did not study CSS, all day with a variety of frameworks do not need to write their own, and recently to do a photo album page, encountered the first problem is how to arrange.
Give the design draft first and then say how the style
The mouse over the element so that the style of the element changes
We define a button label
The code is as follows:
BUTTON
We first set the background color of the button to be gray:
The code is as follows:
. px-button{
Firefox7.0 began to be compatible with text-overflow: ellipsis; in this way, the ellipsis in the future can be compatible with the browser. The code snippet is: The code is as follows:Copy code Width: 200px;/* set the width */White-space: nowrap;
In css, the function of display: none; is to hide html elements. Otherwise, display: block is usually used ;. However, the display: block; function is to convert the current html element into a block element.Elements such as // belong to placeholder
Recently I found my css style sheet in. it works normally during tests in net2.0, but it becomes problematic when it is published to IIS. After the page is opened for the first time, the style sheet does not work, if you click the link on the page
In the previous web development section, I introduced a lot of methods to process HTML tables. Although the method of using tables to deploy web pages is no longer fashionable, however, you can still use tables to display table column data.There are
The code is as follows:Copy code ==================================== CSS ====================== ======. Holder {Width: 740px;Height: 300px;Border: 1px solid #777;Text-align: center;Display: table-cell;Vertical-align: middle;}/* The following
Tip: you can modify some code before running Css code for websites (support for flash Gray)This is a simpleCss code for websitesThis is a Gray code that does not make the entire page grayed out, includingImage Gray, Text dimmed,Flash Gray code, Swf
Tip: you can modify some code before running Css rounded rectangle Csscss rounded rectangle Test No image Corner frame without image implementation Tip: you can modify some code before running
Sudo apt-get install node-lessSudo apt-get install npmSudo npm install-g less-plugin-clean-css/Usr/lib/node_modules/npmconf requires inherits @'~ 2.0.0 & prime; but will loadBefore performing the following operations, back up the inherits @ 2 folder
See the following snippet: The code is as follows:Copy code $ (Function (){$ ("Div: not (: first)" ).css ("color", "red ");$ ("Div"). not (": first" ).css ("color", "red ");$ ("Div: first" pai.nextall().css ("color", "red ");$ ("Div: first"
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.