css awwwards

Deep understanding of CSS positioning full understanding of relative and absolute positioning of CSS positioning, deep understanding of css In fact, both the standard stream and floating stream are very understandable, that is, positioning is not very easy to understand, especially relative and absolute positioning. Many of the first students are hard to distingu

Css Note: The Box Model in css and three Positioning Mechanisms (fixed positioning, absolute positioning, floating) and css Mechanism Elements on the html page can be viewed as boxes. The boxes are arranged together by three Positioning Mechanisms. The box is the box model.Box Model Each element on the page can be viewed as a rectangular box. Each frame consists

I. Summarysummarize the front-end CSS selectors,css inheritance relations,css box model and other related knowledge, and the error-prone areas to analyze the Explanation. second, The reasonIf you don't understand CSS selectors, inheritance relationships, cascading, and padding,margin differences, and floating issues wh

Implement drop-down menus and drop-down containers with pure CSS (implement navigation bar and navigation drop-down container with pure CSS) and css navigation bar Although there are many similar and even the same cases on the internet, I still write down the notes for your reference. I hope you can guide the criticism ~~ First, we start with ul li in the list. W

before doing web pages, only consider the compatibility of IE6 and FF, the company changed, the request is also high, FF and IE 6 7 8 to be fully compatible, Met to be alone hack IE8. Of course, it is very convenient to use annotations, just add the appropriate comments can be resolved. But the problem is that it's not a lazy habit to write more than one file for a CSS, or to add a comment to the header. The conclusions are as follows:selector{Proper

Box Model prefaceBox model, English is box models. Whether it's div, span, or a is a box.However, images and form elements are all treated as text, and they are not boxes. This is a good understanding, for example, a picture does not put things, it is their own content.The area in the boxThe main attributes in a box are 5: width, height, padding, border, margin. As follows: Width and Height: the content is wide and high (not the width or height of the box). padding: inner margin.

Why would you want to split the style file?Easier to find style rules.Simplifies maintenance and facilitates management. You can also provide a specific style for a page.Why would you like to add a bridging style?You can add or remove styles at any time without having to modify the HTML document.Why define two types of media?NN4 @import is not supported, so bridging styles are not recognized.@import ' Header.css ';@import ' Content.css ';@import ' Footer.css ';@imports How does it work?It import

Css1. Eg2, using CSS decoration>3. ID selector and class selectorHTML elements in the ID attribute to set the selector, CSS in the ID selector One # to define4. Class selector is used to describe a uniform set of styles, the class selector differs from the ID selector, class can be used in multiple elements, the class selector is represented by the class attribute in Htnl, and a point number is in the class

Font size using px Declare CSS within a single line Compare the following two: H2 {font-size:18px border:1px solid blue; color: #000; Background-color: #FFF;} H2 { font-size:18px; BORDER:1PX solid blue; Color: #000; Background-color: #FFF; } The second one looks really formatted, but it doesn't help in reading. Writing in one line allows you to quickly find the part you need. I used to write a similar second way, but gradually discovered as the a

First, the basic composition of CSS Selector {property: Property value} The CSS statement is composed of the above three parts selector written in the curly braces, the curly braces for the declaration, if there are more than one declaration, attributes will be separated by ";" First, let's cite an example: Body { Background: #2CA4CF; Font-family: "Bold"; Color: #ffffff; } We have studied the use of inline

css| Tutorials | Getting Started Second, write the whole layer structure and CSSNext we create a new folder on the desktop named "Div+css layout Exercise", create a new two blank Notepad document under the folder, and enter the following: Untitled Document This is the basic structure of XHTML, named Index.htm, and another Notepad document named Css.css. Below, we write the basic structure of t

css|dreamweaver| Tutorial Site original content, reproduced please indicate the source Web page teaching network . 　　 eight. Define CSS style positioning Properties The positioning style property changes the label or selected text block to the new layer using the default label for the layer defined in the layer preferences. Set layer positioning properties: In the CS