Details of the specific code are as follows:
The basic idea first hides (Dispaly:none) again displays, the translucent mask layer passes
z-index:9998;z-index:9999;
The bigger the value, the higher the front.
Index.html
css file jiaobenzhijia.css
Body, H1, H2, H3, H4, H5, H6, p, blockquote, Pre, Code, Del, DFN, EM, IMG, strong, DD, DL, DT, Li, OL, UL, FieldSet, form
, label, button, input, table, caption, Tbody, TFOOT, THEAD, tr, Th, TD, Menu {margin:0;
padding:0; } arti
Write in front: This article is suitable for viewing from a friend who transforms from Flex programmer to a web programmer The page layouts in Flex4 are fairly straightforward, such as horizontally positioned hgroup (Hbox in Flex3), vertically positioned vgroup (Flex3 in VBox), and absolutely positioned group (canvas in Flex3). But when I transition to the Web programmer, with html+css layout page confused, what Div, what float, what position= "relat
Chapter One Web technology in the era of mobile internetHtml5+css3+javascript's mobile apps will be the future trend.HTML5 Advantages:1.Canvas drawing;2. Multimedia;3. local storage;4. Offline Application;5. Use of geographical location;6 A mobile Web application framework.Chapter II Mobile device HTML5 page layoutHTML5 New semantic elements:1.header Header Information2.footer end-of-text information3.nav navigation links4.aside Page Area (AD, sidebar)5.article article content6.section Document
HTML series (6): Document structure division,
The common structure layout of web pages is soy sauce, which is really beautiful ^ O ^:
1. Add the basic title h1 ~ H6 (nothing to say );
Ii. Title grouping hgroup
Tip: The
3. Generate section
Section cannot be used to enclose a complete and independent article. It contains an independent article and is implemented using the article element.
Tip:
Unfinished ======================================
: 256px; height: 256px; background-color: rgba (0.6, 0, 50%); border-radius: 0.1; transform: scale) rotate (-270deg); opacity: 0; transition: all 500 ms; margin-top: 0px ;}. head nav a {display: block; width: 40px; height: 40px; border-radius: 50%; position: absolute; margin-left:-20px; margin-top: -20px ;}
For better display, you must format the initial values of some CSS attributes, such:
/* Disable automatic font size adjustment of Safari in iPhone */html {-webkit-text-size-adjust: none;}/* S
domestic, Google is blocked!What about JavaScript? (in general, put the introduction file in front of Here's how to put the difference between head and The head is a common event that requires a user to click or a variety of actions to trigger.Put in the Now let's take a look at the CSS problem:1, I believe that 99% have done 1 projects will understand: RESET.CSS (reset file or COMMON.CSS,BASE.CSS, the name is not the same, the use of the same.) )I will share my own accumulated good papers this
HTML5 can do a lot of things for us, the most delicious is the application of semantic tags, if you have been in chrome or other support HTML5 browser to use it, then this article will certainly be useful to you, because now you can also use the Internet Explorer HTML5.All right! Today's topic is:html5shiv-masterHere are the html5.js files that quote Google, and the benefits are not:Copy the code to the Head section, and remember that the head section must be (because IE has to know the element
/* prevents users from customizing the effect of background color on Web pages, adding allows users to customize font */html{background:white;color:black;} /* the internal and external margins often make each browser style behave differently */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset, Legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header, hgroup,menu,nav,section{margin:0;pad
While adding and abolishing many tags in HTML5, many tags are also added and abolished, such as the added structure Tag: section element video element. If you are interested, I hope the knowledge points in this article will help you.
New Structure tag
Section Element
A content block in a page, such as a chapter, header, footer, or other part of the page. And h1, h2 ...... And other elements are used together to represent the document structure. Example: HTML5
......
In HTML4
.......
Articl
This article mainly introduces some new HTML5 features and the sorting of common Canvas attributes. CanvasAPI is an important part of HTML5 for drawing graphics. For more information, see
1. HTML5 content type
Content type
Description
Embedded
Add other types of content to the document, such as audio, video, canvas, and iframe.
Stream
Elements used in documents and application bodies, such as form, h1, and small
Title
Paragraph tit
......
• The start and end tags can all be omitted: html, head, body .....
2. New Structural Elements
• The section element indicates a content block in the page, such as a section, header, footer, or other part of the page;
• The article element indicates an independent content on the page that is irrelevant to the context, for example, an article in a blog or an article in a newspaper;
• The aside element indicates auxiliary information other than the content of the article element and relat
Indicates the content that is rarely involved with the surrounding content
Hgroup
Organize a group of titles together
Details
Generate a region for more details.
Summary
Used in the details element to indicate the title or description of the element content.
Ii. Document element Parsing
Most labels of document elements have no effect. They are used in combination with semantics to emphasize their structu
New tag parsing:The header is mainly used for navigation and can be nested in the header, but cannot be nested in the Hgroup defines the specific content in the header, which is a small container.For example:[Html] view plaincopyprint?
Author: shiyuan17
,some csscodes are already available in reset.css.
To support all newly added html5 tags, you can write
i = 0, html5tag = ["aside", "figcaption", "figure", "footer", "header", "hgroup", "nav", "section"(i
There are also writing
This html5.js feature should be more powerful, not just as simple as making old browsers recognize html5 tags.
Lenovo: Custom tags
Since these html5 labels are "Strangers" for old browsers, the tags we create are also strang
HTML5 Shiv-let the damn IE series support HTML5, shivhtml5
HTML5 can do a lot for us. The most delicious thing is the semantic tag application. If you have used it in Chrome or other HTML5-supported browsers, this article will be useful to you, because now you can also use HTML5 on IE.
Okay! The topic of the big front-end today is: HTML5 Shiv
The following is a reference to Google's html5.js file, so the benefits will not be mentioned:
Copy the above Code to the head part. Remember to use the h
Html5 Study Notes-2016/4 and html5 Study Notes 2016
Structure elements added to HTML5:
Section article aside header hgroup footer nav figure
Other elements added to HTML5:
Video audio embed mark progress time ruby rt rp wbr
Canvas command details datalist datagrid keygen output source menu
Type of the input element added to HTML5:
Email url number range Date Pickers
New HTML attributes:
Form-related attributes: autofocus placeholder form required nova
press the Tab key to focus on the window or space in the page. When all the controls on the page are convenient, the tabindex of each control indicates that the control is accessed by the first few.
4. Changed ElementsA:
New Structure ElementSection, article, aside, header, hgroup, footer, nav, figureb:
Other elementsVideo, audio, embed, mark, progress, time, ruby, rt, rp, wbrc.
New FeaturesCanvas, command, details, datakist, datagrid, keygen, output
First, HTML5 new tags1, Structure label (1) Section: Independent content block, you can use H1~h6 to form an outline, to represent the document structure, you can also have chapters, headers, footers or other parts of the header, (2) article: Special independent block, indicating the core content of this posts page eyebrow ; (3) Aside: Ancillary information related to the contents of the label outside the contents of the label, (4) Header: header information/title of a block, (5)
Start learning the flexlib control!
To convert images to base64, you can use the flexlib: base64image control to convert images to base64, and imagesnapshot to convert images to base64.
The following implementation method is not necessarily the best. If you have a better method, please give us some advice. Thank you!
View code
Xmlns: S = "Library: // ns.adobe.com/flex/spark"
Xmlns: MX = "Library: // ns.adobe.com/flex/mx" minwidth = "955" minheight = "600"
Xmlns: flexlib = "http://
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.