css awwwards

Several mouse triggers for CSS events. Description OnMouseDown triggered when the mouse is pressedOnMouseOver triggered when the mouse passes overOnMouseUp triggers when the mouse is released when the mouse is pressedonMouseOut triggered when Mouse is moved outOnMouseMove Touch when Mouse moves ? Control Table interlacing: Simple applications:

Document directory 1. CSS Design Awards 2. Awwwards 3. Webcreme 4. Best Web Gallery 5. Unmatched Style 6. The Design Inspiration 7. Css-Showcase 8. Css Cake 9. CSS Winner 10. Moluv 11. 101 Best Websites 12. Dzine Mart 13. Site Inspire 14.

Article Introduction: This CSS reset reference to NORMALIZE.CSS, Bootstrap and so on, and then based on their years of experience to do some simple collation and modification to better suit their current use and some of the use of large-scale projects. This CSS reset reference to normalize.css,Bootstrap and so on, and then based on their years of experience to do some simple collation and modifi

01 Review ContentReview the prior knowledge points02 Demo vs Create Element03div and span differencesTransform between div and span through the display property."http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/> "border:red solid 1px;height:200px;"> "Button"Name="name"Value="I'm the button, I'm proud"/> I'm proud too! "Button"Name="name"Value="I'm more proud ."/> If you find me evil, please remember, I have been pure. Wisdom Podcast"width:300px; height:200px; backg

This article explains the details of CSS specificity (CSS specificity), which is the weight calculation of CSS style selectors.By calculating the weight of the selector (weight), it ultimately determines which selector will take precedence over the styling of the other selector, which is "priorityrules"!First, let's take a simple example:Body> ulID= "Summer-dr

This article explains the details of CSS specificity (CSS specificity), which is the weight calculation of CSS style selectors.By calculating the weight of the selector (weight), it ultimately determines which selector will take precedence over the styling of the other selector, which is "priorityrules"!First, let's take a simple example:Body> ulID= "Summer-dr

Previously summed up the DIV and do not change the line of CSS. But for a table cell to know only one property nowrap can make it not wrap. Recently there is such a need, but found that plus nowrap in some cases will be changed line! Helpless, does not have a force does not change the line method? Baidu a bit, so I am very relieved, and really found a way to solve the problem. use CSS to implement table

The core hint: the pure CSS constructs the Drop-down navigation menu! Look at the CSS code, pay attention to carefully, study well! Let's take a look at the XHTML code, too.

'; Public $css = [' css/site.css ',]; Public $js = []; Public $depends = [' Yii\web\yiiasset ', ' yii\bootstrap\bootstrapasset ',]; //define on-demand load JS method, note load order at last public static function Addscript ($view, $jsfile) {$view->registerjsfile ($ Jsfile, [Appasset::classname (), ' depends ' = ' backend\assets\appasset ']); }//define load

Componentized CSS-manage your entire site CSS files, css-css Why split a style file? It is easier to search for style rules, simplify maintenance, and facilitate management. You can also provide specific styles for a page. Why do I need to add a bridge style? You can add or remove styles at any time without modifyin

Article Introduction: you may know what the selector is, what is called the attribute, what is the value, maybe you have a little bit of one or two on the CSS layout, but that's not enough. If you want to learn HTML and CSS from the beginning, I suggest you take a serious look at this tutorial. Otherwise, in the work, you still fall into the mire of confusion struggling. This ar

CSS optimization usually involves two aspects: formatting CSS and streamlining CSS. The method of streamlining CSS is to merge elements with the same attributes, but this reduces the readability of the code and makes it difficult to maintain the code in the later stage. If you do not pay attention to it, the error will

ArticleDirectory 1. Use reset but not global Reset 2. Good naming habits 3. Code abbreviations 4. Use CSS inheritance 5. Use multiple Selector 6. Proper code comments 7. Sort your CSS code 8. Keep CSS readable 9. Select a better style property value 10. Replace @ import with 11. Use an external style sheet 12. Avoid usin

You cannot name a CSS class at the beginning of a number Please do not use the Arabic 1, 2, 3, 4 to name the CSS pseudo class, or it will cause the browser can not explain the interpretation of the number at the beginning of the CSS class name, resulting in a similar CSS hack-like, or directly to the beginning of the

DIV CSS OptimizationDIVCSS5 to introduce simple CSS optimizations for you.Involves optimizing content:Optimization of CSS code optimization, CSS reuse optimization, shortening characters, deleting line breaks, etc.DirectoryCSS style word shorthand optimizationPunctuation optimizationRemove line breaksCSS Reuse optimiza

The individual summed up a bit of experience in developing CSS frameworks, shortcoming. I hope everyone's discussion can make us progress together. :) 1. CSS Framework China's internet industry has been developed for 10 years, the browser from the earliest popular NS to the present ff3.ie7 and so on ... The position of the front-end development engineer was also born. In recent years in web developm

Div CSS Sprites sprite-css image flattening CSS map positioning Web Background Footage picture flattening positioning layout Technology tutorial and CSS Sprites example chapterCSS Sprites flattening background image footage for layout effectsfirst, What is CSS sprites-TOPCSS

First, CSS CascadeIn the process of writing to CSS by the front-end programmer, the CSS selector is used to select an element and render the current element in style, so each selector has its own parsing rules. The CSS cascade we are discussing today is that the browser overlays the source of multiple styles and ultima

Many CSS beginners in the CSS inline elements and CSS block-level elements, it may be easy to confuse, then, this article will explain to you CSS inline elements and block-level elements of what? and the difference between CSS block-level elements and

Article Introduction: using the CSS framework, you can simplify your work and improve your productivity. A CSS framework is a collection of CSS files that contain basic element resets, page layout, grid layout, form styles, common rules, and other code blocks. Here are 27 excellent CSS frames that you can choose from.