You should understand why I'm talking about this, choosing the right and meaningful elements to describe your content, and making sure that you choose a semantically-rich class class and ID eigenvalue. Doing the right thing will make your life a lot
In the design of Web pages, you often encounter the problem: When using a picture background, because the display resolution is too large or the picture size is too small, on either side of the page or the lower part of the background picture. For
How do I make a div centered
The main style definitions are as follows:
body {text-align:center;}#center {Margin-right:auto; Margin-left:auto; }
Description
First, the parent element defines text-align:center, which means that the content
CSS layout common methods: Float:none|left|rightTake value:None: Default value. object does not floatLeft: Text flows to the right of the objectRight: Text flows to the left of the objectHow does it work, look at a row and two columns of
First, remove the underline of the hyperlink and implement the mouse hover color on the hyperlink:
By default, hyperlinks in Web pages designed with Dreamweaver are underlined and look unattractive. To get rid of these annoying underscores,
Base.css as the name implies is the meaning of the base code, mainly to reset the browser default style of a collection bar, in the CSS layout to add it will improve the efficiency of writing, interested friends can refer to the
Copy Code
UL Li background Small icon property settings generally have two kinds of situation: the definition in the UL and Li, these two definitions in what circumstances use, in the following gives a detailed introduction, often div+css layout of friends
See some of the beginning of a paragraph of the text of the site is very large, looks very special, this is called the first word sinking effect, CSS has ready-made grammar can be used, that is: First-letter, we first to understand: First-letter
Using abbreviations can help reduce the size of your CSS files and make it easier to read. The main rules for CSS abbreviations are as follows:
Color
16 The color value of the binary, if the value of each two digits is the same, you can abbreviate
When we define the div width, inside the content may be more, will be super out, will div or form to support the big, deformation of the impact of the Web page beautiful, introduce a method, with CSS forced to hide unwanted content and automatically
Even in a less complex style sheet, there may be two or more rules that find the same element. CSS handles this conflict through a process called cascade (CASCADE). Cascade assigns an important degree index to each rule. The style defined by the
Want to let the paragraph front empty two words distance does not use a space, text-indent can make the first line in the container indent a certain unit. For example, Chinese paragraphs in general each paragraph before empty two Chinese characters,
Codepen is a great website and a mecca for global Web front-end developers!
I searched for some of the best and most popular codepen (HTML and CSS only). If you can integrate them into the design, it will save a lot of time.
In the example below
Css+div is one of the commonly used terms in Web site standards (or "web standards"), usually to illustrate the difference in how tables are positioned in the HTML web design language, because the XHTML web design standard does not use the table
Basically cascade meaning is "inherit", "Weight", "cover", through good hierarchy naming better implementation effect, less code, more functions, below for the detailed introduction, interested friends don't miss
Solution One:
Cascade refers to
This article mainly introduces Dom + CSS for the basic tutorial, the need for friends can refer to the following
1. Use getElementsByTagName to modify class categories or append categories
The code is as follows: First First First First
This article mainly introduces the dynamic loading of JS, CSS and other documents across the implementation of the method of IFRAME, the need for friends can refer to the following 1. Dynamically loading Js,css files (with native JS and jquery)
Preface
In fact, the CSS in the Zoom this property is generally unknown, and even some CSS manuals can not be queried. In fact, the Zoom property is the exclusive properties of IE browser, Firefox and other browsers do not support. It can set or
CSS3 in hover under the several effects code sharing, CSS3 in the mouse after the several effects collection
Effect One: 360° rotation modify rotate (degree of rotation)
* {Transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s
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.