1 DOCTYPE html>
2 < html lang="en">
3
4 < head>
5 < meta charset="UTF-8">
6 < meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <
Category: Web
Web front-end development evolved from the production of web pages, and the name has obvious characteristics of the times. In the evolution of the Internet, web page production was a product of the Web1.0 era. At that time, the main content of the website was static, and the behavior of users using the website was mainly browsing. After 2005, the Internet entered the Web 2.0 era, and a large number of Web applications similar to desktop software emerged, and the front end of the website has undergone earth-shaking changes. Web pages are no longer just carrying single text and pictures. Various rich media make the content of web pages more vivid, and the software-based interactive forms on web pages provide users with a better experience. These are all based on front-end technology.
Dojo creates a form property to solve the form attribute using ProGrammatic (program).
dojox/layout/TableContainer, the form component in this container can have a label attribute, and it will also be displayed, an example is as follows:
Var tb=new TableContainer({
Region
CSS basic knowledge
1, derived selector div span{color:red}
2, id selector#diva{color:red}
3, id selector and Derived selector combined with #diva p{color:red}
4, class selector.divclass{color}, the
font property
font Property font CSS property
The syntax of CSS font property is
font: font-style font-variant font-weight font-size/line -height font-family|caption|icon|menu|message-box|small-capti
CSS3 animation
.btn-shake-hand{< br /> -webkit-animation: fingerHandle 1s ease infinite both;
animation: fingerHandle 1s ease infinite both;
}
.btn-shake-hot{
-webkit-animation: free_download 0.5s linear alter
CSS – draw triangles
1, upper triangle type
div { width: 0; height: 0; < /span>border: 40px solid; border-color: transparent transparent red; }
2, lower triangle type
div { width: 0 ; height: 0; border: 40px so
Common ways for operating CSS
Contents
if (‘registerProperty’ in CSS) {CSS.registerProperty({ name:’–color’, syntax:’< color>‘, // The list syntax can be represented here:’+’, inherits: true, initialValue:’rgba(0, 0, 0,
CSS Common Code Daquan, HTML CSS Code
html+css can facilitate the layout of web pages and reduce a lot of unnecessary code. 1. Text setting 1. font-size: font size parameter 2. font-style: font format 3. font-weight: font thickness 4.
The overflow part of CSS – DIV text is displayed
The overflow part of the text in the div is displayed with an ellipsis, which can be summarized into two solutions, one is to solve it with CSS, and the other is to solve it with js.
Display
Animation and @Keyframes animation in CSS
Animation
Use shorthand attributes to change Animation and div element binding:
div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari and Chrome */
}