used, but with no specific meaning3. Rules for floating elements:
The margins for floating elements are not merged (not the same as table, as explained below)
The floating element cannot exceed the left and right edges of its containing block
The left and right boundaries of a floating element must be a floating element boundary that appears before the document, unless it is directly above or directly below
The floating element must appear lower than the first floating elem
abstract language that Apple has introduced to simplify AutoLayout coding.7 . Example of the VFLH:[cancelbutton (]-12-[acceptbutton) (50)]Canelbutton width 72,acceptbutton Width 50, spacing between them 12H:[wideview (>[email protected])Wideview width greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum of 1000, the higher the precedence of the constraint is satisfied first)V:[redbox]-[yellowbox (==
them 12point
[Wideview (>[email protected])
Wideview width greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum of 1000, the higher the precedence of the constraint is satisfied first)
V:[redbox][yellowbox (==redbox)]
Vertical layout, first a Redbox, below which is immediately bel
VFL language Introduction:What is the VFL language? The VFL full name is visual format Language, which translates to "visual formatting language" .The VFL is an abstract language that Apple has introduced to simplify AutoLayout codingexample of the VFL:H:[cancelbutton (]-12-[acceptbutton)]CancelButton Width 72,acceptbutton width 50, the distance between themH:[wideview (>[email protected])Wideview width greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum
What is the VFL languageThe VFL (visual format Language), "Visual formatting language".The VFL is an abstract language that Apple has introduced to simplify AutoLayout coding.Syntax descriptionH:[cancelbutton (-[acceptbutton)-]cancelbutton width 72,acceptbutton width 50, The spacing between them is H:[wideview (>=)]wideview width is greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum value is 1000, The higher the precedence of the constraint is satisfied
words of their own handwriting is also possible. Now the dictionary, the array, the writing is relatively simplified, so it is not complicated. About Objective-c's new syntax, you can refer to my previous article WWDC 2012 notes: WWDC session notes--405 modern objective-c. Adding parentheses after the view name and the number at the junction can give the expression more meaning, here are some examples:
[CancelButton (]-12-[acceptbutton) (50)]
Cancel button Width 72point,acce
1. What is the VFL languageThe VFL full name is visual format Language, which translates to "visual formatting language".The VFL is an abstract language that Apple has introduced to simplify AutoLayout coding2.VFL ExampleH:[cancelbutton (]-12-[acceptbutton) (50)]Canelbutton width 72,acceptbutton Width 50, spacing between them 12H:[wideview (>[email protected])Wideview width greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum of 1000, the higher th
between two view levels, add to their parent view(2) for the constraint relationship between two different levels of view, add to their nearest common parent view(3) For a hierarchical relationship between the two view constraints, added to the higher level of the parent view6 . the VFL languageWhat is the VFL language?The VFL's full name is Visual format Language, which translates to "visual formatting language", an abstract language that Apple has introduced to simplify AutoLayout coding.7 .
What is the VFL languageThe VFL (visual format Language), "Visual formatting language".The VFL is an abstract language that Apple has introduced to simplify AutoLayout coding.Syntax descriptionH:[cancelbutton (-[acceptbutton)-]cancelbutton width 72,acceptbutton width 50, The spacing between them is H:[wideview (>=)]wideview width is greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum value is 1000, The higher the precedence of the constraint is satisfied
words of their own handwriting is also possible. Now the dictionary, the array, the writing is relatively simplified, so it is not complicated. About Objective-c's new syntax, you can refer to my previous article WWDC 2012 notes: WWDC session notes--405 modern objective-c. Adding parentheses after the view name and the number at the junction can give the expression more meaning, here are some examples:
[CancelButton (]-12-[acceptbutton) (50)]
Cancel button Width 72point,acce
Automatic Layout of IOS development-VFL language and ios Layout-vfl
VFL is an abstract language developed by Apple to simplify Autolayout encoding. It is worth learning and learning about the pure code enthusiast.
1. What is VFL?
VFL stands for Visual Format Language, which is translated as "Visual Format Language ".
2. VFL example:
H: [cancelButton (72)]-12-[acceptButton (50)]CanelButton is 72 in width, acceptButton is 50 in width, and the distance between them is 12.H: [wideView (>=60 @ 7
Http://www.cnblogs.com/chars/p/5146607.htmlWhat is the VFL languageThe VFL (visual format Language), "Visual formatting language".The VFL is an abstract language that Apple has introduced to simplify AutoLayout coding.Syntax descriptionH:[cancelbutton (]-12-[acceptbutton)]cancelbutton width 72,acceptbutton width 50, between them a distance of H:[wideview (>[email Protected])]wideview width greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum value of 1000
];}VFL language (Visual format Language: Visual formatting language)The VFL language is an abstract language that Apple has introduced to simplify AutoLayout codingVFL example
H:[cancelbutton (]-12-[acceptbutton) (50)]
Canelbutton width 72,acceptbutton Width 50, horizontal spacing between them 12
H:[wideview (>[email protected])
Wideview width greater than or equal to 60point, the constraint priority is 700 (the priority is the maximum o
This article mainly and everyone to share the CSS naming specification can save Debug time related knowledge, interested friends to see together, hope to help everyone. Debug CSS is a time-consuming operation and can save a lot of debug time if you have a good naming convention.
Comment: Debug CSS is a very time-consuming operation, if you have a good naming specification can save a lot of Debug time.
Use hyphens ('-') to separate strings
You may be used to naming a small hump in Javascript:
v
Previously, I posted a push box with objective-c for simple implementation. I should also use a map editor with objective-C. Here I made a map editor with c # for your reference!
The idea is simple. You can click the form to generate the Wall: Wall, Worke: worker, Box: Box, Passageway: Channel, Destination: Destination, and finally export the plist of a level configuration, there is a one-dimensional array: 010101234567... with this array game, you can initialize the layout! The Code is as follo
feature avoids the repetition of the parent selector, and makes the complex CSS structure easier to manage, for example:
Sass style or less style#main p { color: #00ff00; width:97%; . Redbox { background-color: #ff0000; Color: #000000; }} CSS Style#main p {color: #00ff00; width:97%;} #main P. Redbox { background-color: #ff0000; Color: #000000; }
Parent Selector
When nesting CSS rules, it is so
Sass is a CSS preprocessor with powerful syntax and functions, and the more friendly variables are named for less than less, gaining a lot of programmer's favorite. and Sass now supports the full CSS3, which is why programmers love sass.Installation of SASS
Sass is installed in three ways, command line tools, standalone ruby modules and as a framework pluginThe first kind of installation and use is like this:Gem Install SassIf you are using a Windows operating system, you must also first i
abstraction of this class? If the width is 150, will the class name be changed to w150? In this case, what is the purpose of this atomic class?
The class name and id need to be semantic. If your product finds that such purely expressive classes are needed, I think they are not well designed. I 'd like to discuss the question about front-end modularization before, but I didn't expect anyone to ask me as much as possible. I also share some of my views by the way:
Why do we need CSS semantics?
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.