css awwwards

My knowledge of CSS is very shallow, according to the code to deepen the memory!CSS styles are divided into three types:1: element inline style sheet2: Document inline style sheet3: Using an external style sheetI have drawn the followingHttp://www.w3school.com.cn/tiy/t.asp?f=html_a take a look at yourselfNote that the "CSS Foundation.

What are the methods for writing 1.CSS pages?Inline: Write the style sheet directly in the tag using the Style property.Inline: Extracts all style sheets into a style label on the head of the Web page.Linked: The style sheet is written in a. css file, using the link tag in the page header reference, the standard recommended.Import: Use @import to introduce style sheets, because the efficiency and so on have

ordinary JSON file; 6.2, it is such a JSON file (Note: The JSON file is not write comments, copy the following to delete the comments): { "name": "20180101", " Version": "1.0.0", "description": "", "main": "Gulpfile.js", "scripts": { "test": "Echo \" Error:no test specified\ " exit 1" }, "author": "", "license": "ISC", "Devdependencies": {" Gulp": "^3.9.1", "gulp-base64": "^0.1.2", "gulp-htmlmin": "^4.0.0", " gulp-imagemin": "^4.1.0", " gulp-livereload

[Css skills improvement] css advanced skills and css skills improvementReset with CSS CSS reset can maintain consistent style on different browsers. You can use the CSS reset library Normalize and so on, or use a simpler reset met

1. style sheet Cascading Style SheetCSS Benefits: Separation of content from performance Web page performance is unified, easy to modify Rich styling to make Web page layouts more flexible Reduce the amount of Web page code, increase the browsing speed of Web pages, save network bandwidth Use Web-independent CSS to facilitate web pages to be indexed by search engines Embed id> external id> embed class> external class> embe

01 -- css coding skills -- css secrets, 01 -- css secrets I. Minimize code duplication 1. Button #btn { padding: .3em .8em; border: 1px solid #446d88; background: #58a linear-gradient(hsla(0,0%,100%,.2),transparent); border-radius: .2em; box-shadow: 0 .05em .25em gray; color: white; text-shadow: 0 -.05em .05em #335166; font-size: 125%;

[Css] I want to use css to draw images (3) and css to draw images Next I used the previous [css] To draw images with css (2). Today I drew a villain named James. Only the added content of this modification is listed below The html is as follows:1

Incorrect CSS webpage layout: CSS width calculation, css width Why calculate the width?Calculating the pixel width of a webpage aims to make the CSS webpage layout neat and compatible. We usually calculate the width of the entire page when layout is left or right or when using padding or margin layout. If it is not cal

CSS pseudo-elements and pseudo-classes may be confusing for students who just learn CSS, as the official documentation explains: CSS pseudo-classes are used to add special effects to certain selectors, and CSS pseudo-elements are used to add special effects to certain selectors. So, what is the difference between a

Page Header: Header such as: #header {attribute: property value;} Or. header{Property: property value;}, maybe you need to know the difference between class and ID and how to use it.Login bar: Loginbar Logo: Logo sidebar: SideBarAdvertising: Banner navigation: Nav sub-navigation: SubnavMenus: Menu submenu: submenu Searches: SearchScrolling: Scrollpage Body: Maincontent: ContentTabs: Tab Articles list: List hint message: MSGTips: Tips column title: Title join: JoinusGuide: Guild Services: Service

Using abbreviations can help reduce the size of your CSS file and make it easier to read. The main rules for CSS abbreviations are as follows: The Color 16 color value, if the value of each two digits is the same, can be abbreviated to half, for example: #000000可以缩写为 #000; #336699可以缩写为 #369; Box size usually has the following four writing methods: property:value1; indicates that all edges are a va

CSS: Cascading style Sheets (cascading style sheets)There are three ways to embed CSS in XHTML pages. See CSS Tutorials.1. Loading a CSS file example in the head taghead> linkrel="stylesheet"type="text/css"href="style.css"/>head>This example uses the link tag.{font-size:1

In other words, there are some inexplicable excitement about blogging ... these days have been busy time to catch the beef brisket video, late CSS box, please understand. CSS box, at first it sounded a bit tall on the bright. Later on, it was easy to understand what was found. It 's easy to be functional, but it's not so easy to really do a good job of skilled use. As a core part of Div, it can be said that

css| float in accordance with the CSS specification, floating elements (floats) are moved out of the document stream without affecting the layout of the block box but only the arrangement of the inline box (usually text). Therefore, when its height exceeds the containing container, the normal parent container does not automatically elongate to close the floating element. But sometimes we need this automatic

css| Specification | Web page Web developers (that is, you) can identify the div and other page elements and tags by creating CSS classes and ID names and using those names. For developers, when naming CSS selectors for redefining XHTML tags (tags), you must ensure that they match exactly the predefined tags, but in terms of class and ID selector names, it's a go

css| Tutorial | style sheet CSS (cascading style sheets, cascading style sheet) is a new technology for making Web pages that is now supported by most browsers and is one of the essential tools for Web design. The use of CSS can simplify the format of the page code, speed up the download display, but also reduce the number of code to upload, especially in the fac

03 -- css shape -- css secrets, 03 -- css secrets Shape An adaptive elliptic 1. Difficulties1> circleYou may have noticed that setting a border-radius sufficiently large for any square Element,You can turn it into a circle. The CSS code used is as follows: 1 # bd {2 width: 200px; 3 height: 200px; 4 background: # fb3; 5

Stardom CSS3 tour-CSS basic style-CSS background, stardom css3 tour-css CSS background 1. Background CSS allows the application of solid colors as the background, and allows the use of background images to create quite complex effects (1) set the background color Example:

What does CSS float mean? The so-called CSS floats are floating elements out of the normal flow of the document, according to floatThe value moves left or right until its outer boundary touches the inner boundary of the parent element or the outer boundary of another floating element. Because the float box is not in the normal flow of the document, the block-level elements in the document's normal stream be