Some CSS expectations of masters

The famous web design website CSS-tricks.com recently organized a survey to ask 15 top web designers to put their own expectations on CSS, 15 designers including Jon Hicks, Wolfgang bartelme, mint Shaun Inman and stuff and nonsense Andy Clarke.

The survey results show that the most anticipated CSS function is CSS rounded corners. Other expected functions include cross-browser gradient and shadow, similar to the fusion effect of Photoshop layers, more consistent statements simplify syntax and local support for condition judgment. Some of these expectations have been included in the future CSS-3, but more is still just some dreams.

Webmonkey editors posted the wishlist on their website and asked webmonkey readers to vote for the most popular project, the following is a list of CSS wishlist parts (select only the most popular items ).

CSS rounded corner
By webmonkey
Standard, CSS-based rounded corners are expected by many people, so you don't have to worry about displaying a rounded corner.

Vertical center
By Michael lascarides
It is easier to set vertical center for block objects. (One of the important reasons Div + CSS makes people both love and hate is vertical center, so that an object is vertically centered in the block container, and compatibility with all mainstream browsers is simply a nightmare-translator)

 

Compatible with the CSS 2.1 and CSS 3 of all mainstream browsers
By Erik
Being compatible with CSS 2.1 and CSS 3 in all mainstream browsers is Erik's dream, but some of these features are always bumpy in Some browsers.

Better font embedding
By webmonkey
Do not use sfir, images, or fonts.

CSS Variables
By Jeffrey Jordan way, via css-tricks.com
Variables such as color values can be defined.

Better support for 100% height
By jlr
The top and bottom of a 100%-height container are actually attached to the top and end of the page. The content in the middle of the page matches the content and the scroll bar is displayed accurately. Searching for "100% height CSS" can find various solutions, but it shouldn't have been so complicated.

Variable Reuse
By Neal Lindsay
For example:
@ Var mycolor = # 0080ff
H1 {color: mycolor ;}
Div. containbox {border: 1px mycolor ;}

Browser consistency and definition order
By JML
Browser consistency is very important. Some CSS is ignored in Some browsers or partially ignored so that CSS can be used normally only with JavaScript. At the same time, the CSS definition should be able to overwrite the global definition.

One-sentence recovery
By Chris Pitzer
Many designers need to write more than 40 linesCodeIn order to clear the default CSS definition of the browser, there should be a simple declaration to restore all CSS at a time, such:
Body {clear-default-styles: true ;}

Image rotation and Reversal
By Stephen bell
When setting the image rounded corner effect, we need four rotating versions of the same rounded corner image. There should be a simple declaration to implement rotation, such:
IMG. horiz {rotate: 90 ;}

Simplified definition of group CSS
By Volkan görg ülü, via css-tricks.com
For example:
# Foo H1, # Foo H2, # Foo h3
Changed:
# Foo [H1, H2, H3]

Gradient
By Anonymous
To avoid a line-by-line gradient.

Positioning computing
By Anonymous
Instead of using JavaScript, it is implemented directly in CSS:
Left: id1.left + id1.width + 2px;

Grid layout
By Kurt krumme
Table layout has been popular for a time, because the table layout is closer to the grid layout principle. Why do CSS programmers want to launch a box model?
Div + CSS is already red in the web design field, although Div has many defects (such as vertical center, such as many in IE)
Bug). If a designer dares to use the table, it will be detected.Source code, Will be laughed. However, the translator is never afraid to use table +
CSS, and willing to warn those who blindly follow the DIV and are suffering from death, at least currently, table is the most perfect container object supported by various browsers.

Use image as border
By Anonymous
Image should be used as a border, for example:
Border-Right: url('image.png ')

Supports multiple background images
By Brad
This CSS function is very useful. With this function, it is very easy to perfectly Implement CSS rounded corners.

All browsers support unified standards
By Anonymous
This is the version of IE <8. CSS has a molding standard, but some browsers must develop their own things.

 

The above is from CB. The expectations of the masters are really unique, and a lot of expectations are also very useful. If so, how easy and pleasant web development is! For example, variable, clear definition, and locate computing are very useful. At present, some ie-specific expressions can be used in IE, but they are too complicated to use.

Still expect css3 to be better and more powerful. We also hope that each browser will support css3 as soon as possible.